表格中有操作按钮的话,获取当前勾选行的数据,大家都知道用slot-scope="scope" 来获取,但如果要实现的功能是在表头上了,那要怎么获取当前前勾选的这一行的数据呢?这时我们可以用表格中提供的@selection-change="handleSelectionChange" 里的 multipleSelection来实现。。
例如要获取这一行的ID,和这一行的数据
前端代码
this.ids 获取这行ID,this.ids.length 是选择了几行
获取这行的数据
1.先定义一个数组来存取
2.选中数据
文章来源地址https://www.toymoban.com/news/detail-565130.html
3.再从定义的数组中取出这一行的数据
protected handleSelectionChange(val) {
this.multipleSelection = val;
console.log(this.multipleSelection) // 当前选中的某一行打印出来的结果
}
文章来源:https://www.toymoban.com/news/detail-565130.html
到了这里,关于elementUI如何获取table 表格中的数据行数据和每一行的id的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!