@vant/area-data省市县/区数据的使用

简介: @vant/area-data省市县/区数据的使用

areaList 格式

areaList 为对象结构,包含 province_list、city_list、county_list 三个 key。


每项以地区码作为 key,省市区名字作为 value。


地区码为 6 位数字,前两位代表省份,中间两位代表城市,后两位代表区县,以 0 补足 6 位。


比如: 北京的地区码为 11,以 0 补足 6 位,为 110000。


示例数据如下:


const areaList = {
  province_list: {
    110000: '北京市',
    120000: '天津市',
  },
  city_list: {
    110100: '北京市',
    120100: '天津市',
  },
  county_list: {
    110101: '东城区',
    110102: '西城区',
    // ....
  },
};

安装


npm i @vant/area-data

使用

import { areaList } from '@vant/area-data';
相关文章
|
JavaScript 前端开发 数据安全/隐私保护
省 市 县/区地址库三级联动纯js版
省 市 县/区地址库三级联动纯js版
278 0
省 市 县/区地址库三级联动纯js版
|
定位技术
echart 全国地图 下钻省、市、区
echart 全国地图 下钻省、市、区
581 0
|
索引
三级联动---城市地区选择
三级联动---城市地区选择有关数据源指给出了部分,仅作参考,其中提供了北京和天津两组数据作为测试用。   示例展示:   选择城市选择区县选择地区             示例代码: 三级联动 ...
980 0
|
7月前
|
JavaScript
省、市、区三级联动
省、市、区三级联动
vue+echarts实现疫情(全国新增趋势、境外输入省市TOP5)
vue+echarts实现疫情(全国新增趋势、境外输入省市TOP5)
141 0
vue+echarts实现疫情(全国新增趋势、境外输入省市TOP5)
|
JavaScript
js三级地区选择插件,省市县级联下拉列表
js三级地区选择插件,省市县级联下拉列表 3级省地市级联菜单,ie/ff 测试通过,支持多个并存,支持事件 demo1为最简单的一份实现,页面id配置需在js文件中写入,适合简单情况 demo2增加了动态配置,可将配置项传入,适合页面存在多个级联下拉 源代码及示例下载:http://download.
838 0
|
SQL JSON 数据格式
获取中国【省、市、区县、乡镇街道】json,csv,sql数据
获取中国【省、市、区县、乡镇街道】json,csv,sql数据
948 0
|
JSON JavaScript 数据格式
开源三级联动,Vue.js编写省份、城市、区、县三级联动源码
开源三级联动,Vue.js编写省份、城市、区、县三级联动源码
223 0
开源三级联动,Vue.js编写省份、城市、区、县三级联动源码
|
SQL JSON 数据格式
获取【省、市、区县、乡镇街道】json,csv,sql数据
获取【省、市、区县、乡镇街道】json,csv,sql数据
120 1