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

Question

我有一个简单的循环 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 正确属性？

Answer 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">