备注:原文https://www.cnblogs.com/thflang/p/13602279.html
setCheckedNodes 是该组件的一个方法,用于设置选中的节点。 这个方法接受一个参数,该参数是一个数组,数组中的元素是要选中的节点的数据。 使用示例: this.$refs.tree.setCheckedNodes([ { label: '节点1', id: 1 }, { label: '节点2', id: 2 }, // ... ]); 在这个示例中,我们通过this.$refs....
通过调用Tree组件的实例方法,如setCheckedKeys、setChecked等,可以动态地控制节点的选中状态。 vue <template> <el-tree ref="tree" :data="treeData" node-key="id" show-checkbox> </el-tree> <el-button @click="setCheckedNodes">设置选中节点</el-button> <...
2、搜索文件中的TreeStore.prototype.getCheckedNodes方法中的; if (child.checked && (!leafOnly || leafOnly && child.isLeaf)) { checkedNodes.push(child.data); } 3、修改成 if ((child.checked || child.indeterminate) && (!leafOnly || leafOnly && child.isLeaf)) { checkedNodes.push(child.da...
this.$refs.tree.$children.forEach(i => i.expanded = false) 通过节点的key(如上面的xxKey)字段的值设置、通过节点对象设置 // 获取当前选中的节点,返回由节点的key字段对应值组成的数组 this.$refs.tree.getCheckedKeys() 全选 this.$refs.tree.setCheckedNodes(this.dataList) // 直接赋值节点数组...
{ this.$refs.tree.store._getAllNodes().forEach((node) => { node.loaded && (node.expanded = expanded); //已经加载了的节点才展开 }); }, // 添加根节点 addRoot() { this.addNode(this.$refs.tree.root, { [this.mainKey]: this.defaultRootId }); }, //通过id勾选节点 setChecked...
//按照知识体系--- 知识点change发生变化async handleCheckChange(row) {constresData =this.$refs['tree'].getCheckedNodes()///console.log.log(645, resData)let arrLabel =[] let arr=[] resData.forEach(item=>{ arrLabel.push(item.name) arr...
this.defaultCheckedNodes = []; /// 回填展开节点 this.$nextTick(()=>{ this.defaultExpandedNodes = this.openList }) setTimeout(async() => { let list = await this.gettreeData(1, "root"); resolve(list); /// 注意回填要在树渲染后才生效 ...
checkedNodes.push(child.data);} 4、重启项⽬ console.log(this.$refs.tree.getCheckedKeys()); //就可以拿到⽗节点的ID啦 (2)、第⼆种⽅法 methods: { getCheckedNodes() { var rad=''var ridsa = this.$refs.tree.getCheckedKeys().join(',')// 获取当前的选中的数据[数组] -id, 把...