最简单的办法;使用小程序自带有mode="region" 调用微信原生代码。
注意:没有港澳台区域选择。
预览效果
页面代码
<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
<view class="picker">
{{region[0]}},{{region[1]}},{{region[2]}}
</view>
</picker>
js页面
初始值
region: ['广东省', '广州市', '海珠区'],
customItem: '全部',
绑定方法
bindRegionChange: function (e) {
console.log('picker发送选择改变,携带值为', e.detail.value)
this.setData({
region: e.detail.value
})
},