element el-tree 选中节点是否展开

最新推荐文章于 2025-11-19 09:48:10 发布

原创最新推荐文章于 2025-11-19 09:48:10 发布 · 1.2k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

element 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何在Vue应用中使用ElementUI的el-tree组件展示和处理树形结构数据，包括节点的展开与折叠状态以及检查事件的处理。

<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>