<template>
<el-tree
:data="data"
show-checkbox
node-key="id"
ref="tree"
@check="handleCheck"
>
</el-tree>
</template>
<script>
export default {
data() {
return {
data: [
// ... 树形结构的数据
]
};
},
methods: {
handleCheck(nodeObj, checked, indeterminate) {
const node = this.$refs.tree.getNode(nodeObj);
if (node.expanded) {
console.log("节点已展开");
} else {
console.log("节点未展开");
}
}
}
};
</script>
element el-tree 选中节点是否展开
本文介绍了如何在Vue应用中使用ElementUI的el-tree组件展示和处理树形结构数据,包括节点的展开与折叠状态以及检查事件的处理。
摘要由CSDN通过智能技术生成