a-cascader 默认值
时间: 2023-11-21 17:57:43 浏览: 100
a-cascader是一个级联选择器组件,可以用于选择省市区等多级联动的数据。要设置a-cascader的默认值,可以通过v-model来实现。具体步骤如下:
1.在data中定义一个数组,用于存储默认选中的id,例如:
```javascript
defaultSelected: ['1', '2', '3']
```
2.在a-cascader组件中使用v-model绑定这个数组,例如:
```html
<a-cascader :options="options" v-model="defaultSelected"></a-cascader>
```
3.注意,如果有父级必须将所有的父级的id依次顺序排列,而不是将这个子级的id放进去就完事了。例如,如果要设置的默认值是王五,那么绑定值就得这样写v-model=["1","2","3"]而不是v-model=["3"]。
下面是一个完整的例子:
```html
<template>
<div>
<a-cascader :options="options" v-model="defaultSelected"></a-cascader>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{
value: '1',
label: '李四',
children: [
{
value: '2',
label: '张三',
children: [
{
value: '3',
label: '王五',
code: 752100,
},
],
},
],
},
],
defaultSelected: ['1', '2', '3'],
};
},
};
</script>
```
阅读全文