學習連結：https://blog.csdn.net/yeshennet/article/details/79031012

<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>

 

Component({//模板

　　data:{
　　　　region: ['廣東省', '廣州市', '海珠區'],
　　　　customItem: '全部'
　　}

methods: {
    // 地區選擇器
    bindRegionChange: function (e) {
      console.log('picker傳送選擇改變，攜帶值為', e.detail.value)
      this.setData({
        region: e.detail.value
      })
    }
}

})