Element UI 中国省市区级联数据

Element UI 中国省市区级联数据

 

安装

npm install element-china-area-data -S

在线示例

地址在此,网页打开会比较慢

使用

import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, 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
  • 省市二级联动(不带“全部”选项):

    
    

     

    • 省市二级联动(带“全部”选项):

      
      

       

    • 省市区三级联动(不带“全部”选项)

    
    

     

    • 省市区三级联动(带“全部”选项)
    
    

     

绑定value格式

value是区域码"110000"

数据来源

china-area-data v4.0.0

 

你可能感兴趣的:(Element,UI)