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

vue + element框架

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

具体代码如下

<el-table-columnlabel="操作"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)的效果：

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

ant table表格整行点击事件并获取当前行的数据
实现效果:点击表格中某一行,或者点击表格中某一行的一个字段,获取当前行的 item 下标数据,并用 Link 标签传参,下一个页面接收的实现. 如果使用 router 跳转路由传参,需要导入 impo ...
vue中点击第一次没有触发按钮怎么操作_vue如何触发某个元素的单击事件?
我来回答一波吧,,,因为没复习,,导致知识点结合不紧密... 原生的中..我们的写法是这样的 ` 王蒿大爷 function myFunction(){ document.getElementById ...
html编辑点击取消复原,vue点击编辑按钮，内容变成input可以修改，也可以删除
一.效果图1 图2,点击报错之后,又变成图1的效果二.使用到了element UI中的以下组件: 三.使用的关键点是vue中的v-if指令四.关键代码如下 HTML部分添加街道编辑保存 @ ...
在可编辑表格EditorGrid中，我选择一行已输入的数据，点击删除按钮，该行数据将被删除，然后当我点击表单提交按钮时，已经被删除的那一行数据仍然被插入数据库中...
为什么80%的码农都做不了架构师?>>> 问题描述:在可编辑表格中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍 ...
vue项目-点击添加或者修改按钮浏览器的屏幕变黑，再次点击屏幕之后浏览器恢复正常（火狐浏览器、ChromeCoreLauncher双核浏览器）
今天在写springboot+vue项目的时候发现了一个bug,之前写的项目就没有这种情况,bug如下: 点击添加或者修改按钮浏览器的屏幕变黑,再次点击屏幕之后浏览器恢复正常点击修改按钮屏幕变黑 ...
html点击按钮获取列表数据传递到页面,随笔：ajax传递数组，layui父子页面传值，下来菜单赋值，父页面数据获取，表格数据替换为字符串...
一．Ajax向后台传递数组问题:(声明前台我使用的layui框架) 例:我们要多前台一个数据表格进行批量删除操作,我们通过复选框选中数据id,将id存入一个数组中,然后利用ajax传递给后台,完成批量 ...
vue 点击文字input_vue input实现点击按钮文字增删功能示例
本文实例讲述了vue input实现点击按钮文字增删功能.分享给大家供大家参考,具体如下: content="width=device-width, user-scalable=no, in ...
vue中点击按钮切换图片
vue中点击按钮切换图片直接附上代码,亲测有效  <template><div><div class="">< ...
Vue点击table表格某一行让其置顶
我这里的使用场景是点击某一行的使用,该行的数据就调整在第一行显示了 //给使用按钮添加方法,方法如下 use(row) {let values = this.tableData;//这个是表格数据le ...
微信小程序开发——点击按钮获取用户授权没反应或反应很慢的解决方法
微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法参考文章: (1)微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法 (2)https://www.cnblogs.co ...

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

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

最新文章

热门文章