小程序官方文档地区三联动选择

在小程序没有更新中国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
    })
  }

}) 

小程序文档就那么强大，简直封装到你怀疑人生