如何设置el-tree清空选择

时间:2024-10-12 20:31:31

1、打开一个vue文件,添加一个el-tree树形控件设置值为数组,同时添加一个点击清空的按钮组件。如图

如何设置el-tree清空选择
如何设置el-tree清空选择

2、在el-tree树形控件上设置ref属性值为tree,设置node-key值为label。如图

如何设置el-tree清空选择

3、使用setCheckedKeys方法设置点击清空按钮清空所有选中的树形控件的节点。

如何设置el-tree清空选择

4、保存vue文件后使用浏览器打开,先勾选上所有的节点,然后点击清空按钮就可以看到所有已勾选的节点变为未勾选状态。如图

如何设置el-tree清空选择
如何设置el-tree清空选择
© 手抄报圈