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

如何设置el-tree清空选择

时间:2024-10-26 11:22:19

在使用Element框架开发vue项目时,如何设置el-tree树形控件节点清空所有的勾选呢?如图

如何设置el-tree清空选择

如何设置el-tree清空选择

方法/步骤

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清空选择

© 一点知识