美文网首页
Element ui级联地址省市区插件使用

Element ui级联地址省市区插件使用

作者: love_peaches | 来源:发表于2021-01-28 15:24 被阅读0次

插件--- element-china-area-data ---使用方法

安装

npm install element-china-area-data -S

引入 (导入需要的部分)

import { provinceAndCityData, regionData, CodeToText, TextToCode } from 'element-china-area-data'

使用介绍

1.provinceAndCityData是省市二级联动数据(不带“全部”选项)
2.regionData是省市区三级联动数据(不带“全部”选项)
3.provinceAndCityDataPlus是省市区三级联动数据(带“全部”选项)
4.regionDataPlus是省市区三级联动数据(带“全部”选项)
5."全部"选项绑定的value是空字符串""
6.CodeToText是个大对象,属性是区域码,属性值是汉字 用法例如:CodeToText[‘110000‘]输出>北京市
7.TextToCode是个大对象,属性是汉字,属性值是区域码 用法例如:TextToCode[‘北京市‘].code输出110000,TextToCode[‘北京市‘][‘市辖区‘].code输出110100,TextToCode[‘北京市‘][‘市辖区‘][‘朝阳区‘].code输出110105

代码展示

在script 中引入

image.png
image.png

注意TextToCode的使用

image.png

相关文章

网友评论

      本文标题:Element ui级联地址省市区插件使用

      本文链接:https://www.haomeiwen.com/subject/qttxtltx.html