注:其中方法名字自定义即可
<el-tree ref="treeList" :data="treeData" :props="props" show-checkbox :default-expand-all="isExpand" node-key="region_path" :default-checked-keys="checkedKeyArr" @check-change="getTreeChecked"> </el-tree>
1.getTreeChecked() { console.log(this.$refs.treeList.getCheckedKeys()); }
打印的就是el-tree被选中的节点数组。
选中内容是根据 el-tree设置的 node-key得来的。
2.data里return中设置:
props: { label: 'region_name', children: 'children' }
可以固定回显label的内容和子节点的名字
3.回显
checkedKeyArr的内容跟this.$refs.treeList.getCheckedKeys()保持一致即可。
4.清空
this.$refs.treeList.setCheckedKeys([]);
5.全选
类似回显,把数据按照格式都推入checkedKeyArr即可
6.默认不展开
const nodes = this.$refs.treeList.store._getAllNodes() for (let i in nodes) { nodes[i].expanded = false }
比较麻烦的功能点记录到这,后期还有其他需求的话会及时补充。