问题标签 [v-for]

我有 2 个计算数组，homeTeam 和 awayTeam。下面的代码确实可以生成 2 个表格来显示 homeTeam 和 awayTeam，如何简化代码以仅创建一次表格并循环遍历 homeTeam 和 awayTeam。我尝试用 ['homeTeam','awayTeam] 数组将它包装在 v-for 中，但这不起作用。计算的作品，下面的一切作品，我只是想简化模板。

_

这是我对 v-for 的尝试，我明白为什么这不起作用。

...在脚本中...

我有一个迭代循环，它v-for在对象数组上使用，然后呈现一个 htmlli项

这里的问题是key在tabindex属性中没有被渲染，被渲染的是{{ key }}.

如何获得key要用于的值tabindex？我也尝试过，:tabindex但这给了我一个 Javascript 错误。

在我的 Vue 应用程序中，我正在遍历一系列学校。每所学校都有一个名称、一组教师人数（每个年级一个）和一组学生人数（每个年级一个）。

以下代码有效，但这只是因为我<td>手动编码 s 。

注意重复的行：

在这个简化的例子中问题不大。但是在我的实际项目中，还有更多的列和子列。有没有办法做一个重复循环来显示<td>s？

我已经尝试了另一个 v-for 循环，但由于它在<tr>, only<td>并且<th>被允许。

我有一个数组，其中包含鞋子的尺寸和商店中每只鞋子的数量，结构如下：

在我的表中，此表中的键（此处为 36、37 ...）是 TH，值是 TD。我不能在一个循环中做到这一点。我试过这样：

有没有可能一次性做到这一点？

这是它应该是什么样子的结构（有一个输入，因为有人可以改变数量）。

我尝试使用 vueJS v-for 函数循环遍历多维 json_object。

但我收到以下错误：

[Vue 警告]：渲染函数中的错误：“TypeError：无法读取属性 'id' of null”

我的代码如下所示：

我的 json_object 是这样的：

用例：

父组件：

在子组件中，data我在fields道具中添加了一些属性

变体 1：

但它看起来很糟糕:(

当用户单击按钮时，我正在尝试使用 vuejs 动态生成更多输入字段。我的代码工作非常短暂（生成更多字段），但出于某种原因，页面会自动刷新，将用户设置回他们开始的位置。这是我的代码

这是我在 Vue 中的 javascript，数据

以及方法

基本上，wordupload.wordinput 列表中的每个项目都会生成两个输入字段，因此我尝试通过向 wordinput 添加更多项目来创建更多字段。但不知为何，调用morewords后，页面刷新，又回到了原来的状态。

我正在 Vue.js 中制作一个表格并使用v-for指令渲染一些列：

有一个未知的元素计数，我必须向最后一个渲染的元素添加一个类。我不能使用:last-child，或者:last-of-type因为它不是<td>一行中的最后一个元素，它只是最后一个渲染的元素，v-for但也有以下<td>元素。

我们如何在 Vue.js 中实现这一点？

我想以每次执行函数时创建一个新的 li 元素的方式使用 v-for。像这样的东西

有没有办法做到这一点？

我有一个数组，它使用v-for. 我需要使用:key=""否则 Vue 会抱怨。

我的数组没有唯一标识符，所以我使用索引作为键

我的循环

该数组具有可以具有相同内容的对象

问题：一旦我操作数组，结果就变得非常不可预测。有时组件会正确呈现。有时一个新组件会出现在v-for列表的中间，即使它已被推入数组。有时，在换档/弹出之后，所有旧组件都保留下来，而新推的组件不会出现。

代码

如果我item.name用作键，只要没有重复的名称，它就可以正常工作。如果我使用item.name+index或一些如此愚蠢的东西，整个事情都会变得疯狂......