ElementUI|ElementUI tree 解决父节点选中，回显选中所有子节点问题 ElementUItree解决父节点选中，回

一、当前面临的问题

当tree中被选择的节点提交给后端时发现没有带父节点的选项
向后端提交了部分子节点和部分子节点的父节点的数据，当回显的时候，该父节点下全部被选中

二、问题解决

第一个问题的解决方法如下：

this.$refs.tree.getCheckedNodes(false,true).map(i => i.id)

getCheckedNodes 接收两个 boolean 类型的参数，1. 是否只是叶子节点，默认值为 false 2. 是否包含半选节点，默认值为 false

第二个问题

setValue(row){ let _this = this; _this.$data.thisRefTree = setInterval(() =>{ row.menus.split(",").forEach((i) => { let node = _this.$refs.tree.getNode(i); if(node.isLeaf){ _this.$refs.tree.setChecked(node, true); } }); clearInterval(_this.$data.thisRefTree) },200) },

【ElementUI|ElementUI tree 解决父节点选中，回显选中所有子节点问题】我用 setInterval 是因为 tree 有可能没有被初始化，所以此时获取node是没有被定义的。isLeaf(是否为叶子节点是则true，不是则false)属性，如果为叶子节点就选中。这样利用tree的API就实现了正确的回显效果。