养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何设置el-table取消多选框选中状态

时间:2024-10-31 21:34:02

在使用Element框架开发vue项目,如何实现el-table组件的多选框取消选中状态呢?如图

如何设置el-table取消多选框选中状态

如何设置el-table取消多选框选中状态

方法/步骤

1、打开一个含有el-table多选框的vu娣定撰钠e文件,在el-table标签上添加ref="multipleTable",然后插入一个取消选择的按钮。如图

如何设置el-table取消多选框选中状态

2、使用el-table提供的clearSelection方法设置取消多选框。如图

如何设置el-table取消多选框选中状态

3、保存vue文件后用浏览器打开,先把多选框全部选上,然后点击下方的取消选择按钮,这时可以看到多选框从选中状态变为未选状态。如图

如何设置el-table取消多选框选中状态

如何设置el-table取消多选框选中状态

© 一点知识