el-tree-select点击选中
时间: 2024-01-11 19:21:51 浏览: 141
el-tree-selected-tree
el-tree-select是Element UI中的一个组件,用于实现树形下拉选择器。当点击选中el-tree-select的节点时,可以通过监听事件来获取选中的节点对象。
下面是一个示例代码,演示了如何通过监听el-tree-select的change事件来获取选中的节点对象:
```html
<template>
<el-tree-select
v-model="selectedNode"
:data="treeData"
@change="handleNodeChange"
></el-tree-select>
</template>
<script>
export default {
data() {
return {
treeData: [
{
label: 'Node 1',
children: [
{
label: 'Node 1-1',
children: [
{
label: 'Node 1-1-1',
},
{
label: 'Node 1-1-2',
},
],
},
{
label: 'Node 1-2',
},
],
},
{
label: 'Node 2',
},
],
selectedNode: null,
};
},
methods: {
handleNodeChange(selectedNodes) {
console.log(selectedNodes);
},
},
};
</script>
```
在上述代码中,通过v-model绑定了selectedNode属性来实现选中节点的双向绑定。当选中节点发生变化时,会触发change事件,并将选中的节点对象作为参数传递给handleNodeChange方法。在handleNodeChange方法中,可以对选中的节点对象进行处理或打印。
阅读全文