vue 点击某一行的按钮，获取当前行的数据

vue + element框架

假如我想从表格中删除第二行，即身份证号为5的数据，那么就需要在点击删除按钮时拿到那一行的信息。

 具体代码如下

<el-table-column
     label="操作"
     width="140">
   <template slot-scope="scope">
     <el-button type="danger" icon="el-icon-delete" @click="dele(scope.row)">删除</el-button>
   </template>
</el-table-column>

JS代码:

dele (e) {
      alert(JSON.stringify(e))
      alert(e.id)
      this.$confirm('此操作将永久删除该用户信息，是否继续？', '提示', {
        confirmButtonText: '确定',
        cancleButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$axios.post('delete', {id: e.id})
          .then(alert('删除成功'),
            location.reload()
          )
      })
}

效果如下图：

alert(JSON.stringify(e))的效果：

alert(e.id)的效果：