基于element-plus和element-china-area-data的中国省、市、区的地区选择器

目的

        实现新增地址时省、市、区的地区选择，如果使用手写json的方式，由于中国的省、市、区数量很多，会导致工作量很大，且容易出错。

效果图

工具

        element-plus的<el-cascader>级联选择器组件，库element-china-area-data。

        npm库文件下载工具，vue框架。

工具解释

        element-plus的<el-cascader>级联选择器组件可以进行级联选择，可以作为展示数据以供选择的组件。

        库element-china-area-data的核心是china-division，不过china-division的返回值只有当地的六位数字的地区码，无法使用，element-china-area-data对china-division进行了封装，既可以返回地区码，也可以返回具体的值。

操作步骤

        1、在项目中下载element-china-area-data包。

npm install element-china-area-data -S

        2、导入需要的组件。

import { pcaTextArr } from "element-china-area-data";

也有其他的，不过“pcaTextArr”代表省市区联动