el-cascader 默认选中
时间: 2023-08-18 14:13:48 浏览: 65
el-cascader 组件在初始化时可以通过设置 `value` 属性来指定默认选中的值。`value` 属性接受一个数组,数组中的每个元素代表一个级联菜单的选中项。
以下是一个示例代码:
```html
<template>
<div>
<el-cascader
:options="options"
:value="defaultValue"
@change="handleCascaderChange"
></el-cascader>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{
value: 'option1',
label: 'Option 1',
children: [
{
value: 'option1-1',
label: 'Option 1-1',
children: [
{
value: 'option1-1-1',
label: 'Option 1-1-1'
}
]
},
{
value: 'option1-2',
label: 'Option 1-2'
}
]
},
{
value: 'option2',
label: 'Option 2'
}
],
defaultValue: ['option1', 'option1-1', 'option1-1-1']
};
},
methods: {
handleCascaderChange(value) {
console.log('Selected value:', value);
}
}
};
</script>
```
在上面的示例中,`defaultValue` 数组中的值 `['option1', 'option1-1', 'option1-1-1']` 表示默认选中第一个级联菜单的第一个选项,第二个级联菜单的第一个选项,以及第三个级联菜单的第一个选项。
你可以根据自己的需求修改 `defaultValue` 数组来设置 el-cascader 的默认选中项。