使用element.js框架时,需要使用到中国省市区级联下拉框选择,可以使用element的插件:
1.安装element省市区级联插件(使用npm):
npm install element-china-area-data -S
2.在你使用的vue页面引入js:
//import的大括号{}中参数随你需要省市的参数格式而改变
import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode }
from 'element-china-area-data'
3.Tips:
- provinceAndCityData是省市二级联动数据(不带“全部”选项)
- regionData是省市区三级联动数据(不带“全部”选项)
- provinceAndCityDataPlus是省市区三级联动数据(带“全部”选项)
- regionDataPlus是省市区三级联动数据(带“全部”选项)
- "全部"选项绑定的value是空字符串""
- CodeToText是个大对象,属性是区域码,属性值是汉字 用法例如:CodeToText['110000']输出北京市