<template>
<div>
<el-tree
:data="treeData"
show-checkbox
node-key="id"
ref="tree"
:props="defaultProps">
</el-tree>
<el-button @click="getUncheckedNodes">获取未勾选节点</el-button>
</div>
</template>
<script>
export default {
data() {
return {
treeData: [
// 这里是树形结构的数据
],
defaultProps: {
children: 'children',
label: 'label'
}
};
},
methods: {
getUncheckedNodes() {
const checkedNodes = this.$refs.tree.getCheckedNodes(); // 获取已勾选的节点
const allNodes = this.treeData; // 所有节点
const uncheckedNodes = allNodes.filter(node => {
return !checkedNodes.some(checkedNode => checkedNode.id === node.id);
});
console.log(uncheckedNodes); // 打印未勾选的节点
}
}
};
</script>
elementUI el-tree 获取所有未被勾选的节点
最新推荐文章于 2024-08-01 11:59:54 发布