微信小程序:
效果:
html:
<view class="userinfo_one">
<view class="input">
<picker mode="region" bindchange="bindchange($wx)" mode="region">
<view class="picker placeholder" v-if="!region.length">详细地址</view>
<view class="picker" v-else>{{region[0]}} {{region[1]}} {{region[2]}}</view>
</picker>
</view>
</view>
data:
region: []
methods:
// 请选择所属机构
bindchange(e) {
this.region = e.detail.value;
},
这一篇文章挺全面的:
vue:
使用vant组件:
地区数据获取: