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,就自己动手吧

 

 

你可能感兴趣的:(element-ui)