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)
  }
}