项目中用到element UI 的树形组件tree 来做权限选择,
微信截图_20210926161421.png
微信截图_20210926161515.png
然后第一次点击修改角色显示正常,关闭再次点击另外一个角色修改树形控件选中的就会出现异常,代码是有对checkKeys进行重新赋值的但是不生效
百度了下发现说是default-checked-keys是初始化加载的时候用的,所以第二次赋值是没用的,所以要用这个this.$refs.tree.setCheckedKeys(this.checkKeys),通过 keys 设置目前勾选的节点,这样问题就解决了
还有就是通过this.$refs.tree.setCheckedNodes来设置选中节点也是可以的,但是我代码中有使用node-key所以用this.$refs.tree.setCheckedKeys就更方便
参考文档说明:
微信图片_20210926162440.png