vant-weapp 组件van-cascader 怎么默认展开
时间: 2024-01-14 15:02:41 浏览: 141
你可以在 `van-cascader` 上加一个 `:expand-trigger="hover"` 属性,这样鼠标悬停在选项上就可以默认展开了。如果你想要一开始就默认展开,可以在 `van-cascader` 上加一个 `v-model`,将选中的值赋给 `v-model`,这样就会默认展开对应的选项。例如:
```html
<van-cascader
:options="options"
:expand-trigger="hover"
v-model="selectedValue"
/>
```
```js
export default {
data() {
return {
options: [
{
label: 'Option A',
value: 'a',
children: [
{
label: 'Option A-1',
value: 'a-1',
},
{
label: 'Option A-2',
value: 'a-2',
},
],
},
{
label: 'Option B',
value: 'b',
children: [
{
label: 'Option B-1',
value: 'b-1',
},
{
label: 'Option B-2',
value: 'b-2',
},
],
},
],
selectedValue: ['a', 'a-1'], // 默认选中 Option A-1
};
},
};
```
阅读全文