在使用 Vue 的 `` 组件时,可以通过设置 `@node-click` 事件来触发选中一个选项时的函数执行。具体的步骤如下:

  1. 在 Vue 的 `` 标签上添加 `@node-click` 事件监听器,并指定要执行的函数名,如 `handleNodeClick`。
  2. <el-tree :data='treeData' @node-click='handleNodeClick'></el-tree>
  3. 在 Vue 的 `methods` 对象中定义 `handleNodeClick` 函数,并接收一个参数,该参数为选中的节点的数据。
  4. methods: {
      handleNodeClick(data) {
        // 在这里执行你的函数逻辑
        console.log(data);
      }
    }
  5. 当选中一个选项时,`handleNodeClick` 函数会被调用,并传入选中节点的数据作为参数。你可以在该函数中执行你需要的逻辑操作。

注意:`` 组件的数据源 `treeData` 需要在 Vue 实例的 `data` 中进行定义,且每个节点的数据应包含 `label` 和 `children` 属性,`label` 用于显示节点名称,`children` 用于存储子节点数据。

Vue <el-tree> 组件:点击节点触发函数

原文地址: https://www.cveoy.top/t/topic/qDHJ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录