向vue.js类添加索引

时间:2019-02-15 02:26:15

标签: vuejs2

我花了几个小时在此上,并且超出了我的预期。但这似乎是一个障碍。

这是库存表。到目前为止,一切似乎都可以正常工作。简单来说,将为库存中的每个项目添加一个新字段。用户现在可以选择颜色,添加数量和注释。

问题在于我无法弄清楚如何将索引值添加到类中。我可以在底部获取索引值,但是现在将其添加到类中时即可。

我的其他输入看起来像这样。

<input type="text" name="option[1][option_name]" class="form-control" id="example" value="blue">

但是,当我生成这些时,它们会像这样出现,我无法弄清楚如何在名称中添加索引号。 任何帮助表示赞赏。

<input type="text" name="option[{{ index }}][quantity]">

https://codepen.io/virgiltu/pen/gqBwwj

1 个答案:

答案 0 :(得分:1)

仅绑定属性(使用v-bind:name:name)并使用模板文字:

<input type="text" :name="`option[${index}][${option_name}]`" class="form-control" id="example" value="blue">