代码之家  ›  专栏  ›  技术社区  ›  ProEvilz

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

  •  0
  • ProEvilz  · 技术社区  · 7 年前

    我有一个简单的循环 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">
    

    It输出

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

    我怎样才能填满这个房间 data v-for ?

    1 回复  |  直到 7 年前
        1
  •  1
  •   Stephen Thomas    7 年前

    v-bind

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

    或快捷方式窗体

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