elementplus tree node-click

Element Plus 是一个基于 Vue 3 的组件库，提供了许多组件以方便开发者进行网页开发。其中，`<el-tree>` 组件是一个用于展示树形数据结构的组件，类似于操作系统中的文件管理器。

在 Element Plus 中，`node-click` 是 `<el-tree>` 组件的一个事件，当树节点被点击时触发。你可以通过监听这个事件并执行相应的操作来响应节点的点击事件。

下面是如何在 Element Plus 中使用 `node-click` 事件的一个例子：

<template>
  <el-tree
    :data="data"
    node-key="id"
    :props="defaultProps"
    @node-click="handleNodeClick"
  ></el-tree>
</template>

<script>
import { ref } from 'vue';
import { ElTree } from 'element-plus';

export default {
  components: {
    ElTree
  },
  setup() {
    const data = ref([
      // 这里是树形数据，每个节点应该是一个对象，包含 id, label 等属性
      // ...
    ]);
    const defaultProps = {
      children: 'children',
      label: 'label'
    };

    function handleNodeClick(data) {
      // 在这里处理节点点击事件
      console.log(data); // data 参数包含了被点击节点的数据
    }

    return {
      data,
      defaultProps,
      handleNodeClick
    };
  }
};
</script>

在这个例子中，`handleNodeClick` 函数会在树节点被点击时被调用，你可以在这个函数中执行你需要的操作，比如打开一个详情面板，选中一个节点，或者进行数据的编辑等。