elementUi tree回显后台返回数据包括父节点时,将勾选全部节点,出现混乱

        elementUi tree 有一个半全选和全选的状态,当你用于回显选中状态时就会出现混乱

        当后台返回数据只有子节点时,回显显示正常,父节点是半选状态

        当后台返回数据包含父节点子节点时,不好意思,乱了,无论你的子节点有多少个,只要有父节点,会全部勾选

<el-tree ref="menuListTree"
  :data="data"
  show-checkbox
  node-key="id"
  :default-expanded-keys="['1','2', '3']"
  :props="defaultProps">
</el-tree>

new Vue({
	el: '#app',
	data: function() {
		return {
			data: [{
				id: "1",
				label: '1',
				children: [{
					id: "2",
					label: '2-1',
					children: [{
						id: "21",
						label: '2-1-1'
					}, {
						id: "22",
						label: '2-1-2'
					}]
				}, {
					id: "3",
					label: '2-2',
					children: [{
						id: "31",
						label: '2-2-1'
					}, {
						id: "32",
						label: ' 2-2-2'
					}]
				}]
			}],
			checkStrictly: true,
			defaultProps: {
				children: 'children',
				label: 'label'
			}
		}
	},
	mounted() {
        var that = this;
        ["1", "2", "22", "3", "31","32"].forEach((i,n) => {
               var node = that.$refs.menuListTree.getNode(i);
               console.log(node.isLeaf)
               if(node.isLeaf){
                   that.$refs.menuListTree.setChecked(node, true);
              }
        });
	}
});

 本文转载自 @灵宫居士 

https://blog.csdn.net/xudalin/article/details/103158941