vue PC端 省市区三级联动选择器 element-china-area-data + 一些实际中的改动
element-china-area-data 的安装,使用等就不介绍了,官网有详细介绍。附地址:https://github.com/Plortinus/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,就自己动手吧
更多推荐
所有评论(0)