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

vue + element框架

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

vue 点击某一行的按钮,获取当前行的数据_第1张图片

 具体代码如下


   

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))的效果:

vue 点击某一行的按钮,获取当前行的数据_第2张图片

alert(e.id)的效果:

vue 点击某一行的按钮,获取当前行的数据_第3张图片

 

你可能感兴趣的:(vue学习,vue,javascript)