el-table全部选择和全部取消
2023-12-13 04:58:39
el-table实现全部选择和全部取消
其实非常简单,el-table自带的都有方法toggleAllSelection()和clearSelection()
具体代码如下:
<el-button type='success' @click='checkAll' size='small'>全选</el-button>
<el-button type='success' @click='cancelAll' size='small'>反选</el-button>
// 全选
checkAll() {
// 因为toggleAllSelection()是改变选中状态,这里我们要的是全选中,所以先对其进行清空,再选中,就是全选啦
this.$refs.table.clearSelection()
this.$refs.table.toggleAllSelection()
}
// 反选
cancelAll() {
this.$refs.table.clearSelection()
}
文章来源:https://blog.csdn.net/qq_41838435/article/details/134807568
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!