vant的van-cascader回显
时间: 2024-03-02 19:24:28 浏览: 23
vant的van-cascader组件在回显时,需要设置`value`属性来指定选中的值,同时也要设置`options`属性来指定可选项。例如:
```html
<template>
<van-cascader v-model="selectedValues" :options="options" :value="selectedValues" />
</template>
<script>
export default {
data() {
return {
options: [
{
value: '1',
label: '选项一',
children: [
{
value: '1-1',
label: '选项一-一',
},
{
value: '1-2',
label: '选项一-二',
},
],
},
{
value: '2',
label: '选项二',
children: [
{
value: '2-1',
label: '选项二-一',
},
{
value: '2-2',
label: '选项二-二',
},
],
},
],
selectedValues: ['1', '1-1'], // 设置初始值
};
},
};
</script>
```
在这个示例中,设置了`selectedValues`作为初始值,同时在`<van-cascader>`组件中绑定了`value`和`v-model`,这样就可以实现回显功能了。