问题标签 [v-for]

Vue 2，没有 webpack。我想一次渲染两个 trs，用于主要和细节可扩展行。这就是我想要实现的目标：

问题是它<div>是 tbody 的无效子代。如何<tr>在每个 for 循环迭代中渲染两个 s？

如何将数据从 Laravel 传递到 Vue.js 组件 v-for ？

我试过下面的代码：

但它返回：

用 v-for 渲染的组件列表应该有明确的键。

根据官方 Vue.js 文档，我正在试验Vue.js（版本 2.5.16）及其v-for指令，它应该能够根据某个整数范围重复一个元素。具体来说，我正在尝试编写一个基于整数值属性绘制多个循环计数器的组件。

下面的代码片段，包含硬编码的文字值10，确实精确地渲染了十个圆圈：( jsfiddle )

但是，硬编码该值的用处有限。我在组件中添加了一个整数值属性，如下所示：（typescript）

...并尝试了该v-for指令的以下变体：

• v-for="n in counter" :key="n"（jsfiddle）
• v-for="n in {counter}" :key="n"（jsfiddle）

但是它们都没有实现可变数量的渲染圆圈。（注意：我使用了 Vue 开发者工具来确保counter组件的属性确实保持正确的值。）

这让我想到了我的问题：如何使用v-for由组件属性设置的整数范围？

如果这是不可能的，那么整数范围支持v-for确实是没有用的。多久使用一次硬编码范围？

但是，我仍然想要这种行为。如果没有 ，将如何实现它v-for？我可以想到几种可能的选择：

1. 编写我自己的渲染函数。
2. 在计算属性中使用该counter属性，该属性返回所需大小的数组并在该数组上使用。v-for
3. 绑定v-for到一个数组并挂钩属性的更改，以仅使用数组更改检测页面counter上列出的数组突变来更新该内部数组，这样Vue就不会在每次更改时丢弃和重建整个 DOM 子结构。

对于这样一个简单的用例，选项 1 似乎需要大量工作。选项 2 非常简单，但我担心它会导致Vue在每次更改时丢弃并重新生成所有重复的子元素。如果可能的话，选项 3 似乎表现最好，但我真的不知道该怎么做。（正如我所说，我是第一次研究Vue。）

该怎么办？

在我的 Vue.js 前端应用程序中，我想创建将 json 数据发布到 REST API 的表单。该表单的一部分是我从 API 获取 json 数据，这是可能添加组的列表。

Vue.js 代码看起来像

和模板

在浏览器中，我可以在每个添加的按钮中正确看到组列表，但仅此而已。它没有得到数据。

我正在使用 vuetify 并尝试遍历包含我想应用为背景的不同十六进制代码的 javascript 对象。

最终结果将如下所示：

我正在尝试将每个 Hexcode 绑定到每个不同项目颜色的背景。

下面是我尝试做的事情：

这是数据对象：

Can anyone help me here with a 3 column layout via vue-js in bootstrap-4. I want to get my checkboxes displaying as 3 columns. The users are in order and I want the order going down the first column, then down the second and finally the third.

Thanks

我有一个类型数组，我使用 v-for 将它们显示为列表。当用户单击其中一个列表项时，我想在该类型的 allFields 对象中创建一个新对象，这意味着第一个键值对中的值应该是用户单击的任何“类型”。这是可能的，如果没有，有什么更好的方法来解决这个问题？提前致谢！

我已经让 VueJSv-for工作正常：

现在我需要添加一个图例/指导行，比如每 25 或 50 条记录，如下所示：

令我惊讶的是，这v-if部分不仅不起作用，而且我得到一个错误：“ReferenceError: request is not defined”（即使我忽略了v-if指令，甚至<tr>完全删除了额外的指令），所以 VueJS 正在考虑 DOM结构也许我还不明白。

无论哪种方式，我该怎么做？

顺便说一句，有没有一种纯粹的 HTML/CSS 方法来做到这一点？

我正在循环一个数组，该数组将几个按钮输出到一个表中。我想动态设置单击该按钮时调用的方法。它正确地从数组中拉入所有其他内容，但它没有设置方法（因此单击时按钮什么也不做）

这是我的 v-for 循环代码：

这是Vue组件的数据对象中的代码

如果我手动设置调用的方法，那么一切正常。但是每个按钮都调用相同的方法。而不是“buttonOne、buttoneTwo 等”

所以我正在加载一些数据，并在我的模板中使用 v-for 循环将其渲染到 DOM。现在我想让数据间隔出现。IE; 每秒都会出现一条新消息。

我能想到的唯一方法是用css隐藏所有消息，并通过一次取消隐藏它们使它们（重新）出现。但是，我认为这不是解决此问题的正确方法。

因此，如果你们中的任何人对我应该如何处理这件事有任何建议，那就太好了！