@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版
288 0
省 市 县/区地址库三级联动纯js版
|
8月前
|
JavaScript
省、市、区三级联动
省、市、区三级联动
|
定位技术
echart 全国地图 下钻省、市、区
echart 全国地图 下钻省、市、区
609 0
|
索引
三级联动---城市地区选择
三级联动---城市地区选择有关数据源指给出了部分,仅作参考,其中提供了北京和天津两组数据作为测试用。   示例展示:   选择城市选择区县选择地区             示例代码: 三级联动 ...
988 0
|
JavaScript
js三级地区选择插件,省市县级联下拉列表
js三级地区选择插件,省市县级联下拉列表 3级省地市级联菜单,ie/ff 测试通过,支持多个并存,支持事件 demo1为最简单的一份实现,页面id配置需在js文件中写入,适合简单情况 demo2增加了动态配置,可将配置项传入,适合页面存在多个级联下拉 源代码及示例下载:http://download.
846 0
|
JavaScript jenkins Linux
Vue整合element-china-area-data实现PC端省市区三级联动选择器
demo环境是SpringBoot+Vue+elementUI,开发工具是idea,有涉及到省市区三级联动选择器,网上查找了下,发现了这款和elementUI相匹配的element-china-area-data,这样的话样式什么的就不用担心会很丑,也不需要调,最主要是还可以直接获取到省市区编码,都不用通过后台接口转换。于是就撸起袖子,满心欢喜的整进来。
1983 0
Vue整合element-china-area-data实现PC端省市区三级联动选择器
|
JSON JavaScript 数据格式
开源三级联动,Vue.js编写省份、城市、区、县三级联动源码
开源三级联动,Vue.js编写省份、城市、区、县三级联动源码
233 0
开源三级联动,Vue.js编写省份、城市、区、县三级联动源码
|
5月前
Map——全国省市区EXCEL表格(包含code)
Map——全国省市区EXCEL表格(包含code)
83 0