微信小程序內置了該功能，使用起來非常簡單。
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
})
}
評論
發表
蘇公網安備32058502011596號