使用vant中的Area 省市区选择和Area控件如果没有选中第三级的话就选不到当前值

今天要使用Area选择器在网上查了很多方法一直都无法让他隐藏再弹出来今天我就写下我的心得
效果图如下:

使用vant中的Area 省市区选择和Area控件如果没有选中第三级的话就选不到当前值_第1张图片

Area组件一般都是配合van-cell使用的

使用vant中的Area 省市区选择和Area控件如果没有选中第三级的话就选不到当前值_第2张图片
1,在加载页面的时候我让show为false使用vant中的Area 省市区选择和Area控件如果没有选中第三级的话就选不到当前值_第3张图片
然后在点击了van-cell组件之后调用areaSelect方法把show变为true就能显示
在这里插入图片描述
使用vant中的Area 省市区选择和Area控件如果没有选中第三级的话就选不到当前值_第4张图片
然后还有就是如要要有联动效果一定要在给个初始值,这个的作用就是你点击area控件之后弹出控件就算不选址直接点击确定也可以有默认值
在这里插入图片描述
在者就是要想取的值一定要给onChange写成这样,不然的话,如果你没有触发第三级(就是区县的话)就不会刷新就是还是上一个选中的区县的值,刚开始我是写成这样
错误的:
在这里插入图片描述
正确的:
使用vant中的Area 省市区选择和Area控件如果没有选中第三级的话就选不到当前值_第5张图片

你可能感兴趣的:(12)