公司网站建设佛山哪家好,建设端午节网站的目的主题,网站怎么做架构图,视觉设计和平面设计的区别对于分配权限一栏#xff0c;我们需要如下效果#xff1a; 相关配置属性#xff1a;
其中 data 为我们的数据源#xff0c;props 为我们在 tree组件显示的文本内容。通过设置 node-key可以让每个树节点作为唯一标识的属性#xff0c;整棵树是唯一的#xff1b;通过设置 …
对于分配权限一栏我们需要如下效果 相关配置属性
其中 data 为我们的数据源props 为我们在 tree组件显示的文本内容。通过设置 node-key可以让每个树节点作为唯一标识的属性整棵树是唯一的通过设置 default-expand-all 来默认展开我们的所有节点不需要每次都让用户去打开体验感好通过设置 default-checked-keys勾选我们已有的权限。
最后我们通过递归的方式判断当前 node 节点是否存在 children属性如果不存在的话就包含了三级权限然后添加到我们的数组中然后通过 :default-checked-keysdefKeys 来渲染选中当前已有的权限。 此外当我们关闭对话框时还需要监听一下关闭事件不然每次数组都会保存原来的权限数据导致一些问题。因此监听 close 事件后每次对话框关闭时都将数组进行清空。
