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

例如要获取这一行的ID,和这一行的数据

 前端代码

 this.ids 获取这行ID,this.ids.length 是选择了几行

获取这行的数据

1.先定义一个数组来存取

 

 2.选中数据

 

3.再从定义的数组中取出这一行的数据

 

protected handleSelectionChange(val) {
       this.multipleSelection = val;
       console.log(this.multipleSelection)  // 当前选中的某一行打印出来的结果
  }

 

 

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐