vue element ui 表格 selection-change方法使用(获取某行数据)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue element ui 表格 selection-change方法使用(获取某行数据)相关的知识,希望对你有一定的参考价值。

参考技术A

element table 多选表格,表格中有操作按钮的话,获取当前勾选行的数据,大家都知道用slot-scope="scope" 来获取,但如果要实现的功能是在表头上了,那要怎么获取当前前勾选的这一行的数据呢?这时我们可以用表格中提供的@selection-change="handleSelectionChange" 里的 multipleSelection来实现。

element 多选表格

利用表格 type="selection" 属性实现,这种方法不用在data里定义一个全局数组,而定义的是用来接收你当前循环的某个参数,这样你要获取多少个参数就是单独写多少次。

以上是关于vue element ui 表格 selection-change方法使用(获取某行数据)的主要内容,如果未能解决你的问题,请参考以下文章

elment表格多选变色 vue Element-ui 表格多选 修改选中行背景色

vue element-ui 实现表格可编辑,删除,和添加

vue-form-table(vuejs+element-ui的表格表单控件的二次封装插件)

如何使表格行可点击并展开行 - vue.js - element-ui

Vue + element-ui 前端项目一Table 表格并实现分页 2

vue element ui复杂表头,复杂表格