背景: 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

最新文章

  1. 为你的网站或App提供免费Https支持
  2. iOS 利用for循环创建九宫格
  3. 【javascript基础】4、原型与原型链
  4. 防止IE不支持console.log报错
  5. [改善Java代码]让工具类不可实例化
  6. 【HDOJ】4579 Random Walk
  7. JVM 优化问题
  8. mvc5 + ef6 + autofac搭建项目(repository+uow)(一)
  9. 关于PDF.NET开发框架对Mysql Sqlite PostgreSQL数据库分页支持的个人看法
  10. acm课程练习2--1002
  11. JavaScript函数认识,Js中的常见函数
  12. BinarySearchTree-二叉搜索树
  13. Batch Normalization
  14. [Manacher]【学习笔记】
  15. 浅谈final关键字的用法
  16. 微软microsoft word的api文档地址
  17. CentOS 6.3下NFS安装配置
  18. Python reverse
  19. mongoimport mongo导入Json的用法
  20. CMS4.0——后知后觉

热门文章

  1. order by 语句怎么优化?
  2. Java 进阶P-4.6+P-4.7
  3. Map集合概述-Map常用子类
  4. continue语句-死循环
  5. 虚拟DOM中给同一层级的元素设置固定且唯一的key为什么能提高性能
  6. SpringBoot 学习 step.3数据库
  7. 有序数组的平方&长度最小的子数组&螺旋矩阵Ⅱ
  8. Blazor 拖放上传文件转换格式并推送到浏览器下载
  9. maven项目构建报错:Could not find artifact com.xxx.cloud:xxx-cloud:pom:1.0-SNAPSHOT and 'parent.relativePath' points at wrong local POM
  10. Class path contains multiple SLF4J bindings解决