vue 省市区三级联动插件

首先是官网地址

https://www.npmjs.com/package/element-china-area-data?activeTab=readme

其次是个人应用

vue部分

<el-cascader
          size="large"
          :options="options"
          v-model="selectedOptions">
      </el-cascader>

data部分

options: pcaTextArr, //省市区三级联动数据
      selectedOptions: [],

 

接下来是解释部分 建议使用 pcaTextArr ,直接获取文字,非常方便。不需要额外转码,简单又快捷

provinceAndCityData省市二级联动数据,汉字+code
regionData省市区三级联动数据
pcTextArr省市联动数据,纯汉字
pcaTextArr省市区联动数据,纯汉字
codeToText是个大对象,属性是区域码,属性值是汉字 用法例如:codeToText['110000']输出北京市

 

posted @   柠檬-不加糖  阅读(371)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
历史上的今天:
2023-04-24 通过 css 控制 window.print 的样式
点击右上角即可分享
微信分享提示