vue PC端 省市区三级联动选择器 element-china-area-data + 一些实际中的改动

 

element-china-area-data 的安装，使用等就不介绍了，官网有详细介绍。

附地址：https://github.com/Plortinus/element-china-area-data

修改省市区联动（带“全部”选项）去除“省”一列的“全部”一栏，去除一些省、市、区，不显示在列表中

工作需要，去除“省”一列的“全部”一栏，去除一些省、市、区，不显示在列表中。嗯嗯嗯嗯~~~~只能对源码动手了。

1.（element-china-area-data代码逻辑）下载代码到本地  https://github.com/Plortinus/element-china-area-data   在src目录下找到app.js这个文件，把它放到你的项目中，现在还差数据了

2.（省市地区数据）下载文件到本地https://github.com/airyland/china-area-data  找到根目录data.js文件，把它放在项目文件中。

对源码动手

打开下载的app.js      

改动第一行代码     import REGION_DATA from XXXXXX       XXXXXX为2中所下载的文件，在项目中路径

把下面两段代码注销，

/*provinceAndCityDataPlus.unshift({
  value: '',
  label: '全部'
})*/


/*regionDataPlus.unshift({
  value: '',
  label: '全部'
})*/

在你用的页面中把

import { regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data'  改为

import { regionDataPlus, CodeToText, TextToCode } from （app.js所在的路径）

页面上就去除“省”一列的“全部”一栏

 

至于要改动一些省、市、区，找到刚下载的data.js,就自己动手吧