uniapp省市区三级联动带地区code

你可以使用uni-app提供的picker组件实现省市区三级联动，并在picker中绑定每个地区的code。具体步骤如下：

1. 在数据源中添加地区的code，例如：

const provinces = [
  {
    "name": "北京市",
    "code": "110000",
    "cities": [
      {
        "name": "北京市",
        "code": "110100",
        "areas": [
          { "name": "东城区", "code": "110101" },
          { "name": "西城区", "code": "110102" },
          { "name": "朝阳区", "code": "110105" },
          ...
        ]
      }
    ]
  },
  ...
]

2. 在模板中使用picker组件实现三级联动选择器：

<template>
  <view>
    <picker mode="multiSelector" :value="value" @change="onChange">
      <picker-view-column>
        <view v-for="(province, index) in provinces" :key="index">{{ province.name }}</view>
      </picker-view-column>
      <picker-view-column>
        <view v-for="(city, index) in cities" :key="index">{{ city.name }}</view>
      </picker-view-column>
      <picker-view-column>
        <view v-for="(area, index) in areas" :key="index">{{ area.name }}</view>
      </picker-view-column>
    </picker>
  </view>
</template>

3. 在脚本中处理数据和事件：

<script>
export default {
  data() {
    return {
      provinces: [], // 省份列表
      cities: [], // 城市列表
      areas: [], // 地区列表
      value: [0, 0, 0], // picker中选中的值
      provinceCode: '', // 选中的省份code
      cityCode: '', // 选中的城市code
      areaCode: '' // 选中的地区code
    }
  },
  mounted() {
    // 加载省份数据
    this.provinces = require('@/data/provinces.json')
    // 初始化选中的省份、城市、地区code
    this.provinceCode = this.provinces[0].code
    this.cityCode = this.provinces[0].cities[0].code
    this.areaCode = this.provinces[0].cities[0].areas[0].code
  },
  methods: {
    // picker值改变时触发的事件
    onChange(e) {
      const value = e.detail.value
      // 更新选中的省份、城市、地区code
      this.provinceCode = this.provinces[value[0]].code
      this.cityCode = this.provinces[value[0]].cities[value[1]].code
      this.areaCode = this.provinces[value[0]].cities[value[1]].areas[value[2]].code
    }
  }
}
</script>

这样实现之后，在picker组件选择地区时，可以获取到每个地区的code值。