前言插图
最上面显示的是:default-checked-keys的选中数组
101 代表用户管理
102 代表商品管理
根据上面的图可以看到,我的数组清空了,但是切换时还是会默认选中。
产生原因:
这里并不是数据双向绑定的,也就是说我的视图并不会随着数据的更新而更新,而element的tree组件是采用赋值的方式进行改变是否勾选。
解决方法:
组件中帮我们提供的setcheckedkeys()这个方法来清空勾选项(setcheckedkeys)
调用this.$refs.tree.setCheckedkeys([])此方法然后传入一个空的数组就清空tree的选中
setCheckedkeys是tree的组件方法,想要this.$refs能调用到需要ref去注册tree