微信小程序的省市区选择器

Posted 2021-02-02 TaylorLambert

<view style=‘margin-top:100rpx‘>省市区选择器</view>
<picker mode="region" bindchange=‘changeZone‘ value=‘{{region}}‘ >
{{zonePick}}
</picker>
<input value="{{currentZone}}" placeholder=‘显示当前选择地区‘ />

  changeZone:function(e){
    var zone = e.detail.value;
    this.setData({
      currentZone:zone
    })
  }

在data里面设置currentZone为空，region这是设置一个地区的初始值

region: [‘上海市‘, ‘上海市‘, ‘黄浦区‘],例如这个，定位

在mode设置为region之后。那个省市区就全部都有了。