微信小程序省市区选择器

可以使用微信官方提供的省市区选择器组件，具体使用方法如下：

1. 在需要使用省市区选择器的页面的json文件中添加如下代码：

{
  "usingComponents": {
    "van-area": "/path/to/vant/area/index"
  }
}

2. 在需要使用省市区选择器的页面的wxml文件中添加如下代码：

<van-area
  show="{{ show }}"
  value="{{ value }}"
  area-list="{{ areaList }}"
  bind:confirm="onConfirm"
  bind:cancel="onCancel"
  bind:change="onChange"
/>

其中，show表示是否显示选择器，value表示已选择的省市区信息，areaList表示省市区数据列表，onConfirm表示点击确定按钮时触发的事件，onCancel表示点击取消按钮时触发的事件，onChange表示选择器值改变时触发的事件。

3. 在需要使用省市区选择器的页面的js文件中添加如下代码：

Page({
  data: {
    show: false,
    value: [],
    areaList: []
  },

  onLoad() {
    // 获取省市区数据列表
    wx.request({
      url: 'https://xxx.com/area',
      success: res => {
        this.setData({
          areaList: res.data
        })
      }
    })
  },

  // 点击打开选择器
  openPicker() {
    this.setData({
      show: true
    })
  },

  // 点击确定按钮
  onConfirm(event) {
    this.setData({
      value: event.detail.values,
      show: false
    })
  },

  // 点击取消按钮
  onCancel() {
    this.setData({
      show: false
    })
  },

  // 选择器值改变
  onChange(event) {
    console.log(event.detail)
  }
})

其中，onLoad函数中获取省市区数据列表的url需要根据实际情况进行修改。