微信小程序内置了该功能,使用起来非常简单。
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
})
}