Element Plus Tree 树 回显
<el-form-item label="菜单权限">
<el-tree :data="navList" ref="treeRef" node-key="menuId" highlight-current=“true” :props="defaultProps" @check="checked" show-checkbox class="menu-data-tree" />
</el-form-item>
const defaultProps = {
children: 'children',
id:"menuId",
label: 'title',
disabled: 'disabled'
}
//返回的是id 数组
for(var item in res.data)
{ var node=treeRef.value.getNode(res.data[item]) if(node.isLeaf)
{ treeRef.value.setChecked(node,true) } }

这里是搞个回显最开始是有问题的,要不就是 父节点选中,子节点不管选没选中,都会选中。然后用check-strictly 解决前面问题,但是 点击父节点 就只会 选择父节点,子节点不会选中
不要在tree中加 lazy会导致选不上,看了文档 用 isLeaf 要加lazy,搞了大半天不行去除后就ok

浙公网安备 33010602011771号