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 @ 2024-04-24 16:14  柠檬-不加糖  阅读(7)  评论(0编辑  收藏  举报