vant省市区回显

  <van-field readonly clickable name="area" v-model="value" label="地区选择" placeholder="点击选择省市区" @click="villageShowPicker = true" />
    <van-popup v-model="villageShowPicker" position="bottom">
      <van-area value="320000" :area-list="areaList" @confirm="onVillageConfirm" @cancel="villageShowPicker = false" />
    </van-popup>
//van-area的value回显
//:columns-num="1",只显示省

 areaList: {
        province_list: {
          11e4: '北京市',
          12e4: '天津市',
        },
        city_list: {
          110100: '北京市',
          120100: '天津市',
          130100: '石家庄市',
          130200: '唐山市',
          130300: '秦皇岛市',
        },
        county_list: {
          110101: '东城区',
          110102: '西城区',
          110105: '朝阳区',
          110106: '丰台区',
          110107: '石景山区',
          110108: '海淀区',
          110109: '门头沟区',
          110111: '房山区',
          110112: '通州区',
          110113: '顺义区',
          110114: '昌平区',
          110115: '大兴区',
          110116: '怀柔区',
          110117: '平谷区',
          110118: '密云区',
          110119: '延庆区',
          120101: '和平区',
        },
      },


    onVillageConfirm(value, index) {
      console.log(value)
      this.value = value
        .filter((item) => !!item)
        .map((item) => item.name)
        .join('/')
      console.log(this.value)
      this.villageShowPicker = false
    },