在小程式沒有更新中國picke元件的時候，全靠手動全寫地址選擇，先看看效果圖

現在小程式有了強大的picke地址選擇器

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

pages({
data:{
 region: ['廣東省', '廣州市', '海珠區'],
    customItem: '全部',
},
bindRegionChange: function (e) {
    console.log('picker傳送選擇改變，攜帶值為', e.detail.value)
    this.setData({
      region: e.detail.value
    })
  }

}) 

小程式文件就那麼強大，簡直封裝到你懷疑人生