el-tree-select点击
时间: 2023-11-21 08:57:24 浏览: 164
为了实现el-tree-select的点击事件,您需要在el-tree-select组件上添加一个@node-click事件监听器。在事件处理程序中,您可以访问所选节点的数据并执行所需的操作。以下是一个简单的示例:
```vue
<template>
<el-tree-select
:data="treeData"
:props="defaultProps"
@node-click="handleNodeClick">
</el-tree-select>
</template>
<script>
export default {
data() {
return {
treeData: [
{
label: '一级 1',
children: [
{
label: '二级 1-1',
children: [
{
label: '三级 1-1-1'
},
{
label: '三级 1-1-2'
}
]
},
{
label: '二级 1-2',
children: [
{
label: '三级 1-2-1'
},
{
label: '三级 1-2-2'
}
]
}
]
}
],
defaultProps: {
children: 'children',
label: 'label'
}
};
},
methods: {
handleNodeClick(data) {
console.log(data); // 输出所选节点的数据
// 在这里执行所需的操作
}
}
};
</script>
```
阅读全文