kuanghao
新手
新手
  • 最后登录2022-04-10
  • 发帖数3
阅读:1758回复:0

[vue]关于element-ui表格多选框的选中存储

楼主#
更多 发布于:2022-01-04 16:35
使用带选择框的表格的时候,出现了用户选择后,需要存储选中项的问题,于是总结如下。
1.在表格<el-table>标签里加入@selection-change来监听到选择框的变化
2.定义一个data来存储选择的行
3.定义方法来给选中的行赋值给data

<el-table @selection-change="handleSelectionChange"></el-table>

data(){
return {
     multipleSelection :[]//存储选中的行
}
}
methods:{
  // 获取所有选中的错误项
        handleSelectionChange(val) {
        this.multipleSelection = val;
        }
}


注意:这里有个问题就是实参并未传入val,但是val依旧可以使用,推测是表示表格当前的行的值,可以直接使用
游客


返回顶部

公众号

公众号