这个是微信小程序的picker-view组件,开发的省市区3级联动,体验还不错,就分享给大家了, 此版本的省市区数据为本地JS数据,免去请求加载数据了,大家直接看源码,先看下面的动图: 项目地址:https://github.com/pannysp ...
转自http: www.yiyongtong.com archives view .html 成品图 一 数据格式 数据是树形结构的数据 数据结构二 在xxx.json文件中引入vant组件 usingComponents : van picker : components vant weapp dist picker index , van popup : components vant wea ...
2021-02-03 11:44 0 343 推荐指数:
这个是微信小程序的picker-view组件,开发的省市区3级联动,体验还不错,就分享给大家了, 此版本的省市区数据为本地JS数据,免去请求加载数据了,大家直接看源码,先看下面的动图: 项目地址:https://github.com/pannysp ...
参考地址:https://juejin.im/post/5e6995a0f265da576d60b953 ...
github项目地址 https://github.com/z1511676208/chooseAddr 序:项目中需要用到三级联动,自己试着写了下,也查了一些资料,现在把这个记录一下,里面地区数据,可根据个人需要做一些更改,我比较懒就不改了。 wxml < ...
最近在做一个项目的时候遇到了这么一个问题,就是省市区的联动呢,我们需要自定义字典来设置,那么微信小程序自带的省市区选择就不能用了,经过三根烟的催化,终于写出来了。下面献上代码示例。 首先是在utils文件夹存入arealist.js文件,内容 ...
picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。 picker官方文档链接 由于项目需求,需要使用省市2级联动选择器,由于官方默认提供的是省市区3级联动选择器,所以自己封装了一个 ...
DEMO下载 效果图 实现原理 利用微信小程序的picker组件,其中: 1,普通选择器:mode = selector实现一级选择实例; 2,省市区选择器:mode = region实现省市区三级联动; 3, 多列选择器:mode ...
微信小程序官网只提供了省市区的三级联动,实际开发中更多的是自定义的多级联动: 依照微信小程序官网提供的自定义多级联动,需要使用到picker 的多列选择器,即设置 mode = multiSelector https://developers.weixin.qq.com/miniprogram ...
在data里面设置currentZone为空,region这是设置一个地区的初始值 region: ['上海市', '上海市', '黄浦区'],例如这个,定位 在mode设置为region之后。那个省市区就全部都有了。 ...