el-tree标签怎么做到选中一个选项的时候触发函数执行
在使用Vue的<el-tree>组件时,可以通过设置@node-click事件来触发选中一个选项时的函数执行。具体的步骤如下:
- 在Vue的
<el-tree>标签上添加@node-click事件监听器,并指定要执行的函数名,如handleNodeClick。
<el-tree :data="treeData" @node-click="handleNodeClick"></el-tree>
- 在Vue的
methods对象中定义handleNodeClick函数,并接收一个参数,该参数为选中的节点的数据。
methods: {
handleNodeClick(data) {
// 在这里执行你的函数逻辑
console.log(data);
}
}
- 当选中一个选项时,
handleNodeClick函数会被调用,并传入选中节点的数据作为参数。你可以在该函数中执行你需要的逻辑操作。
注意:<el-tree>组件的数据源treeData需要在Vue实例的data中进行定义,且每个节点的数据应包含label和children属性,label用于显示节点名称,children用于存储子节点数据
原文地址: https://www.cveoy.top/t/topic/iXHZ 著作权归作者所有。请勿转载和采集!