el-cascader 反显
时间: 2023-11-07 13:49:24 浏览: 117
对于 el-cascader 组件的反显,您可以通过设置 value 属性来实现。value 属性接受一个数组,数组元素的值为级联选择器中各级选中的值。
例如,如果您想要反显级联选择器的第一级选中项为 "选项1",第二级选中项为 "选项2",那么您可以设置 value 属性为 ['选项1', '选项2']。
以下是一个示例代码:
```html
<template>
<el-cascader
:options="options"
v-model="selectedOptions"
:value="['选项1', '选项2']"
></el-cascader>
</template>
<script>
export default {
data() {
return {
options: [
{
value: '选项1',
label: '选项1',
children: [
{
value: '选项2',
label: '选项2',
},
// 其他子级选项
],
},
// 其他一级选项
],
selectedOptions: [],
};
},
};
</script>
```
通过设置 value 属性为相应的选项值数组,就可以实现 el-cascader 组件的反显效果。
阅读全文