el-Cascader 点击字体选中
时间: 2023-05-23 13:07:01 浏览: 94
vue el-cascader所需要的省市区街道联动的数据格式
对应的级联项时,如何监听选中事件?
A:el-Cascader 组件提供了 on-change 事件来监听选中事件。当用户选中一个级联项时,会触发该事件,可以在事件处理函数中获取选中的值并进行相应的操作。
示例代码:
```
<el-cascader v-model="selectedOptions" :options="options" @change="handleCascaderChange"></el-cascader>
<script>
export default {
data() {
return {
selectedOptions: [], // 选中的值
options: [ // 级联选项数据
{
value: '1',
label: '选项1',
children: [
{
value: '1-1',
label: '选项1-1'
},
{
value: '1-2',
label: '选项1-2'
}
]
},
{
value: '2',
label: '选项2',
children: [
{
value: '2-1',
label: '选项2-1'
},
{
value: '2-2',
label: '选项2-2'
}
]
}
]
}
},
methods: {
handleCascaderChange(value) {
console.log('选中的值:', value);
// 进行相应的操作
}
}
}
</script>
```
阅读全文