问题标签 [v-for]

当页面首次加载时，VueJS 没有在 v-for 循环中的项目上设置类，我遇到了一个奇怪的问题。It works after I click on it to toggle the selected attribute on and off, but when selected is initially true, the row is not highlighted. 因此，只需单击 2 次即可将屏幕“同步”到数据。

该数组最初在屏幕显示之前加载：

所有其他数据都正确显示，甚至选择在表格单元格中显示为真。在我单击两次（一次取消选择，再次重新选择）之前，最初不会应用“选定”类。

在内联元素上使用 v-for 循环遍历数组（或对象）时，vuejs 不会在所述元素周围呈现空白。

例如，我有这个 html：

这个javascript：

当 Vue 渲染它时，它会删除链接之间的空格。看到这个 jsfiddle。

我该如何应对这种行为？

我正在学习用 VueJS 编码（真的是菜鸟），我真的被困在这里

我有一个订单清单，我想将每个项目的数量相加。对项目的唯一访问是通过 v-for。

数据是这样组织的

现在我得到这样的东西：

1 番茄
1 香蕉
1 香蕉
1 番茄

但我想得到这个：
2香蕉
2番茄

我是 Vue 的新手，我想创建一个循环（v-for）来创建类似这个块的东西

在此块中，每个 2 跨度包装都带有一个带有“The-row”类的标签，每个跨度标签都有一个替代项，这意味着：

我在为创建循环做什么，我知道这种方式可以在每两次循环中显示一个元素并使用

看到这支笔-> https://codepen.io/hamidrezanikoonia/pen/RQrvKJ

在这支笔中，我有 2 个重要问题 1. 第一项显示 2. 项目不能均匀

并且，请以正确的方式检查我，或者我可以使用其他方式

谢谢

我有一个 v-for 循环，我想在循环之外访问动态创建的项目。可能吗？

我有一个v-for呈现数组初始状态的列表。但是当我将项目添加到数组时，渲染不会更新。文档和此处的大多数答案都提到您必须使用this.$set而不是array.push()，但在我的情况下这没有帮助。

调用时addTag("thing")，“thing”被添加到数组中，并且在 Vue 检查器中可见。只是v-for没有更新而已。

模板

代码（vue typescript 类模板）

编辑此代码使用打字稿类组件

这是我的 vue 实例：

这是我的 index.html.eex 中的 v-for 循环

这是我填充项目的脚本，准备好文档，在渲染期间从我的 Phoenix 服务器传递数据。

日志功能显示我想要的项目的正确列表。问题是我无法在 v-for 循环中访问它们，我得到：

我无法访问第一个元素，例如仍未填充项目。我怎样才能做到这一点？我不得不在 index.html.eex 文件中对其进行初始化，因为我需要 eex 语法来检索从服务器传递的数据。

我有这样的 JSON：

我正在迭代记录和内部循环我正在尝试迭代articles.records。我这样做是这样的：

作者只是从上面的屏幕截图分配给这个 JSON 的变量。

它正确地循环了第一条记录，但是在<ul>第二个循环中似乎不起作用，它只显示一个没有任何标题的点。当我{{ i.title }}不只写{{ i }}它时，它向我展示了这个：

[ {“id”：“10”，“title”：“Narodowa frakcja teatrologów amatorów”}，{“id”：“18”，“title”：“Co z symboliką？” }，{“id”：“23”，“title”：“O negacji państwa”}，{“id”：“28”，“title”：“O bibliotece”}，{“id”：“49”， "title": "同性恋骄傲" } ]

我也可以像这样访问标题，{{ i[0].title }}但它当然只显示第一个。如何完成？我想在单独的列表元素中打印 article.records 中的每个标题。

一个表单用于提交文本，两个选项告诉 vue 在哪一列显示文本。选中 col2 单选按钮时，提交的文本应显示在第 2 列。这不会发生，在第 1 列显示文本。

我有两个单选按钮，它们应该将值“一”或“二”传递给 newInfo.option 在 submnit 上，一个方法将表单数据推送到数组“信息”。

该数据被正确推送到数组“信息”，我可以遍历它。我知道这是有效的，因为我可以遍历数组，console.log 中的所有数据。所有提交的表单数据都在那里。

接下来我在模板中遍历这个数组两次。一次用于 info.col==="one"，其他迭代仅应在 info.col==="two" 时显示。我正在一起使用 v-for 和 v-if，vue.js 文档说可以这样做，

https://vuejs.org/v2/guide/conditional.html#v-if-with-v-for

完整的vue.js代码在 github 上

它在这里的 gh-pages 上运行

我有一个对象数组，我在模板中循环这些对象。

如您所见，有两个“misc”标签。这样做的唯一原因是我只希望“报告”事件从单个实例中冒出来。

这可行，但有没有办法在这种情况下保存 v-if/v-else 构造？（这将在此处产生一个 misc 标签）。

谢谢你。