Element UI 中国省市区级联数据

使用方法

1.安装

npm安装
[crayon-5f9444a343650648052183/]
或者yarn安装

2.使用页面引入

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

3.具体事例
  • 省市二级联动(不带“全部”选项)

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

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

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

参考转载:数据来源 、npm地址

手机端vant三级联动

未经允许不得转载:一点博客-青梅煮码-共享博客 » Element UI 中国省市区级联数据
分享到:
赞(1) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏