问题标签 [v-for]

我在几个项目中使用了 vue.js，并且一直使用索引作为 for 循环中的键

...并开始怀疑是否存在问题，因为示例通常使用项目的 ID。

如何通过v-forX（例如 10）次重复循环？

文档显示：

但是vue从哪里知道对象的来源呢？如果我像文档所说的那样渲染它，我会得到项目和项目的数量，但没有内容。

我正在尝试遍历一个组件，我用一些数据填充了插槽，但它们渲染得不好。

奇怪的行为：

• 数据显示但不可见。
• 在 chrome 中，如果我device toolbar在调试面板中切换，数据现在可见。
• 在调试面板中更改字体大小使我的数据可见
• 当我将子组件放在循环之外时，循环的组件会很好地呈现。

来自我的父组件的片段：

我的孩子组件的片段：

我在父组件中以这种方式获取数据：

这是救生圈的问题吗？我是否必须改用 Scoped 插槽？V-代表问题？感谢您分享您的想法。

在我的 Vuex 状态下，我有一个包含 orderLines 数组的对象，在我的模型中，我使用 getter 访问该对象并循环遍历 orderLines，为每个组件创建一个组件。

现在，当我触发删除突变时，我也请求更新订单对象并将旧对象替换为正确的新对象。到目前为止一切顺利.. 我所有的组件都获得了新的订单对象并更新了它们的列表。

但是他们没有在循环中创建/重新创建组件，他们似乎只是更新了索引-> 导致下一个问题：

如果我删除最上面的项目，所有下一个项目的数据都绑定到“已删除”组件及其状态：/

我使用 v-for 索引创建了动态 id，问题是当我尝试使用引导程序的数据目标来链接 div 时

这不起作用

那么如何正确使用 data-target + index 呢？

我有一个 Vue 组件，我在其中尝试对 props 传递的多数组 json 对象执行 v-for，该对象是动态的并且由父方法填充。

这里：

我的问题是在组件中我只看到数据的第一个对象：

但我在控制台没有错误，所以我不明白问题是什么......我必须在数据中观察吗？

这是我的代码：

零件

});

我正在尝试使用 vuejs 循环通过这样的数组将类名绑定到类属性中：

在这里，我通过 :class="paymentTypeClass(value)" 中的方法调用来绑定到 vue 模板，如下所示：

结果是它只打印出数组中的最后一个索引值，因此实际上是在覆盖。为什么是这样？请帮忙。

控制台中的日志：

在我的根中，我在数据中声明我的（多维）对象，如下所示：

如果我这样发送道具：

同样在组件中，接受道具。在组件中，我还有执行 for 循环的模板。

在这种情况下，当我在根中初始化帐户时，如果我给它一个空对象，它将不会执行循环。

如果在 for 循环中，而不是帐户，我使用一个数字，它会执行循环。

另外，在根目录中初始化时，如果我变得明确...

... for 循环有效。但是，这一次我得到另一个错误：

避免使用非原始值作为键，而是使用字符串/数字值。

另外，我不想明确说明 1 和 2，有时我根本不希望 2 出现。

我正在用我的根目录中的一个方法填充帐户，绑定到 checkbox @change。

每当我修改用于呈现 v-for 列表的数组时，都会遇到此问题。

假设我有一个包含三个项目的 v-for 列表：

向 items 数组添加一个新项目：

焦点似乎在移动……

请看一个说明问题的小提琴https://jsfiddle.net/gu9wyctr/

我明白这种行为一定有充分的理由，但我需要管理它或完全避免。想法？

编辑：

我刚刚意识到我的解释相当模棱两可。这是一个更新的小提琴来说明问题https://jsfiddle.net/keligijus/d1s4mjj7/

问题是输入文本被移动到另一个元素......

我现实生活中的例子。我有一个类似论坛的帖子列表。每个帖子都有一个回复输入。如果有人在其他用户正在输入回复时发布了新帖子，则该用户正在输入的输入将移动到另一个帖子。就像小提琴中的例子一样。

我正在学习 Vue.js，发现这个小提琴正是我想做的。

这是小提琴：https ://jsfiddle.net/os7hp1cy/48/

我集成了这个并且收到了这个错误：

无效表达式：v-for="user in users | filterBy searchKey | paginate"

因此，我进行了一些挖掘，发现它已从版本 1 更改为 2。但是，我不知道如何解决此问题。

我想用 Vue 2 将支持并以相同方式工作的东西替换它。