微信小程序內置了該功能,使用起來非常簡單。
wxml:
<view class="section">
<view class="section__title">省市區選擇器view>
<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
<view class="picker">
當前選擇:{{region[0]}},{{region[1]}},{{region[2]}}
view>
picker>
view>
js部分:
data: {
region :['廣東省', '廣州市', '海珠區'], //默認值
customItem: '全部'
},
//城市數據改變觸發
bindRegionChange: function (e) {
console.log('picker發送選擇改變,攜帶值為', e.detail.value)
this.setData({
region: e.detail.value
})
}