vant-weapp 小程序组件cascader 怎么设置默认展开
时间: 2024-03-26 13:41:03 浏览: 66
参照Vant-Weapp开发的抖音原生小程序UI组件库.zip
5星 · 资源好评率100%
要设置vant-weapp小程序组件cascader的默认展开,可以使用`value`和`expand-trigger`属性。具体步骤如下:
1. 在wxml文件中设置cascader组件,并设置`value`属性为默认展开的选项的value值。
```html
<van-cascader
title="城市选择"
:options="options"
value="110000"
expand-trigger="hover"
@change="onChange"
/>
```
2. 设置`expand-trigger`属性为`hover`,表示鼠标滑过时自动展开子菜单。
```html
<van-cascader
title="城市选择"
:options="options"
value="110000"
expand-trigger="hover"
@change="onChange"
/>
```
这样,cascader组件就会默认展开选项为`110000`的子菜单,并且当鼠标滑过时会自动展开子菜单。
阅读全文