el-cascader给默认值
时间: 2023-08-18 13:11:33 浏览: 87
vue el-cascader所需要的省市区街道联动的数据格式
对于 el-cascader 组件来说,要给它设置默认值,你可以使用 `v-model` 来绑定一个初始的值。这个初始值可以是一个数组,用于指定级联选择器的默认选中项。
下面是一个示例,展示了如何给 el-cascader 设置默认值:
```html
<template>
<el-cascader
v-model="defaultValue"
:options="options"
placeholder="请选择"
></el-cascader>
</template>
<script>
export default {
data() {
return {
defaultValue: [], // 设置一个空数组作为默认值
options: [
{
value: '1',
label: '选项1',
children: [
{
value: '1-1',
label: '选项1-1',
children: [
{
value: '1-1-1',
label: '选项1-1-1'
},
{
value: '1-1-2',
label: '选项1-1-2'
}
]
},
{
value: '1-2',
label: '选项1-2'
}
]
},
// 其他选项...
]
};
}
};
</script>
```
在上面的示例中,`defaultValue` 是一个空数组,表示没有默认选中项。你可以根据实际需求设置不同的默认值,例如 `['1', '1-1']` 表示默认选中第一级和第二级的选项。
希望这个示例可以帮助你设置 el-cascader 的默认值!
阅读全文