如何在使用v-for的同一行上填充属性?

时间:2018-10-01 22:36:52

标签: javascript vue.js

我有一个Vue的简单循环,该循环遍历对象数组并填充表行。

<tr v-for="user in users">
  <td>{user.name}</td>
  <td>{user.id}</td>
</tr>

但是我也想在<tr>上填充数据属性,但是在这样做的时候

<tr v-for="user in users" data-id="user.id">

它输出

<tr data-id="user.id">

如何用data正确填充v-for属性?

1 个答案:

答案 0 :(得分:1)

缺少v-bind

<tr v-for="user in users" v-bind:data-id="user.id">

或快捷方式表格

<tr v-for="user in users" :data-id="user.id">