element-ui tree相关问题

113 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

今天遇到了el-tree这个组件,总结一下

绑定值与id

:data="permissionTree"
node-key="id"

默认选中,默认展开

:default-checked-keys="rolePermission"//默认选种
:default-expanded-keys="rolePermission"//默认展开

获取选中的值

(我不知道有没有更简单的办法,我是用了ref)
//form就是要上传的表单
this.form.permission_ids = this.$refs.tree.getCheckedKeys();

清空选中的值

(我还是不知道有没有更简单的办法额,tree在一个dialog里,dialog又是页面A的子组件,所以在A里面调用dialog关闭时会写上这个函数)
//禁止套娃,除非你是小井
this.$refs.child.$refs.tree.setCheckedKeys([]);
其实在清空值后应该默认展开应该也是要去掉的,但我还不会。。。

今晚月色很美,...