微信小程序中实现自定义省市区选择
2024-09-08 16:06:23
背景: 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
最新文章
- 为你的网站或App提供免费Https支持
- iOS 利用for循环创建九宫格
- 【javascript基础】4、原型与原型链
- 防止IE不支持console.log报错
- [改善Java代码]让工具类不可实例化
- 【HDOJ】4579 Random Walk
- JVM 优化问题
- mvc5 + ef6 + autofac搭建项目(repository+uow)(一)
- 关于PDF.NET开发框架对Mysql Sqlite PostgreSQL数据库分页支持的个人看法
- acm课程练习2--1002
- JavaScript函数认识,Js中的常见函数
- BinarySearchTree-二叉搜索树
- Batch Normalization
- [Manacher]【学习笔记】
- 浅谈final关键字的用法
- 微软microsoft word的api文档地址
- CentOS 6.3下NFS安装配置
- Python reverse
- mongoimport mongo导入Json的用法
- CMS4.0——后知后觉
热门文章
- order by 语句怎么优化?
- Java 进阶P-4.6+P-4.7
- Map集合概述-Map常用子类
- continue语句-死循环
- 虚拟DOM中给同一层级的元素设置固定且唯一的key为什么能提高性能
- SpringBoot 学习 step.3数据库
- 有序数组的平方&;长度最小的子数组&;螺旋矩阵Ⅱ
- Blazor 拖放上传文件转换格式并推送到浏览器下载
- maven项目构建报错:Could not find artifact com.xxx.cloud:xxx-cloud:pom:1.0-SNAPSHOT and 'parent.relativePath' points at wrong local POM
- Class path contains multiple SLF4J bindings解决