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

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

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

el-tree标签怎么做到选中一个选项的时候触发函数执行

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

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