el-cascader级联选择器选择任意一级
时间: 2023-08-21 14:04:51 浏览: 192
使用element中el-cascader级联选择器:实现省市区街道筛选、动态懒加载以及回显
C知道:对于el-cascader级联选择器,您可以设置`change-on-select`属性为true,以允许选择任意一级。默认情况下,该属性为false,只有当选择完整的级联路径后才会触发change事件。但是,将`change-on-select`设置为true后,您可以在选择任意一级时触发change事件。以下是一个示例:
```html
<template>
<el-cascader
:options="options"
:props="props"
change-on-select
@change="handleCascaderChange"
></el-cascader>
</template>
<script>
export default {
data() {
return {
options: [
{
value: '1',
label: 'Option 1',
children: [
{
value: '1-1',
label: 'Option 1-1',
children: [
{
value: '1-1-1',
label: 'Option 1-1-1',
},
{
value: '1-1-2',
label: 'Option 1-1-2',
},
],
},
{
value: '1-2',
label: 'Option 1-2',
},
],
},
],
props: {
value: 'value',
label: 'label',
children: 'children',
},
};
},
methods: {
handleCascaderChange(value) {
console.log(value);
},
},
};
</script>
```
在上述示例中,将`change-on-select`设置为true后,无论选择到哪个级别,都会触发`handleCascaderChange`方法,并打印选择的值。
希望对您有所帮助!如果有任何其他问题,请随时提问。
阅读全文