mpvue微信小程序多列选择器用法：实现省份城市选择

前言

微信小程序默认给我们提供了一个省市区的picker选择器，只需将mode设置为region即可

<picker
    mode="region"
    bindchange="bindRegionChange"
    value="{
   {region}}"
    custom-item="{
   {customItem}}"
  >

因为小程序默认提供的省市区选择器只能保存名称，不能保存id，而且我也不需要选择三级城市，所以这里打算通过mode="multiSelector"来实现省份城市的选择

城市数据json格式

关于省份城市数据的获取，这里我通过接口去获取数据，返回的json格式为

{
    "code": 0,
    "msg": "success",
    "data": [
        {
            "id": 2,
            "name": "北京",
            "children": [
                {
                    "id": 36,
                    "name": "北京市"
                }
            ]
        }
    ]
}

在我们保存提交的时候只需要保存省份和城市的