el-tree-select获取label值
时间: 2023-11-06 10:08:03 浏览: 316
可以通过监听 el-tree-select 的 change 事件,获取选中节点的 label 值。具体实现可以参考以下代码:
```html
<template>
<el-tree-select
:data="data"
v-model="selectedNode"
:props="defaultProps"
@change="handleChange"
></el-tree-select>
</template>
<script>
export default {
data() {
return {
data: [
{
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'
},
selectedNode: null
}
},
methods: {
handleChange(val) {
console.log(val.label)
}
}
}
</script>
```
阅读全文