Vue 自定义属性

自定义属性 data-id

<tr v-for="(item, index) in userList" :key="index">
  <td>{{item.id}}td>
  <td>{{item.username}}td>
  <td>{{item.tel}}td>
  <td>{{item.role}}td>
  <td>{{item.status === 0 ? '启用' : '禁用'}}td>
  <td>
    <a to="" class="glyphicon glyphicon-edit">a>
    <i class="glyphicon glyphicon-remove" :data-id="item.id" @click="delUser($event)">i>
  td>
tr>

获取data-id的值

methods: {
  // 删除用户
  delUser(e) {
    let id = e.target.dataset.id;
    console.log(id)
  }
}