微信小程序中实现自定义省市区选择

背景： 1.小程序官方提供的省市区组件的数据与原有的数据对应不上，官方的数据太旧

　　　 2.小程序重构以后没有在使用vant等框架

实现过程：

1.安装依赖

　　a.微信小程序使用npm包配置：

　　　　1.初始化package.json (有时不成功可能是以往安装npm包的残留)

npm init -y

　　　　2、勾选允许使用 npm（新版微信小程序开发工具忽略这一步，默认可用npm下载）　　

　　　　3、下载 npm 包 （js可直接使用，ts个人引入未成功，用别的方法引入）

npm i @vant/area-data

　　　　4、构建 npm    状态栏  —>  工具  —>  构建npm 

2.数据的处理

　　个人因为多个地方使用，处理成了两种，一个是树形结构，一种是省市区的二维数组。引入：

import { areaList } from '@vant/area-data';

3.实际使用

　　

 

 最后例子代码：https://gitee.com/yuexiayunsheng/dem-list/tree/master/region