又双叒一个uniapp组件 最近有一个选择地址的需求,就写了一个省市区联动选择器。 选择日期使用的picker,就照着它简单的整了一个,使用网络请求城市数据,还用到了vuex组件数据共享。 本来自己整了一个底部弹窗,又在插件市场看到了更好的底部弹窗 :LuPopupWrapper--弹窗容器 ...
最近在做一个项目的时候遇到了这么一个问题,就是省市区的联动呢,我们需要自定义字典来设置,那么微信小程序自带的省市区选择就不能用了,经过三根烟的催化,终于写出来了。下面献上代码示例。 首先是在utils文件夹存入arealist.js文件,内容为: View Code 然后在需要的页面引入地区字典,并且在onLoad的时候解析字典,遍历出一级数据,留备后用。 下面是wxml页面,想要看一下效果的可 ...
2019-08-26 17:03 3 2484 推荐指数:
又双叒一个uniapp组件 最近有一个选择地址的需求,就写了一个省市区联动选择器。 选择日期使用的picker,就照着它简单的整了一个,使用网络请求城市数据,还用到了vuex组件数据共享。 本来自己整了一个底部弹窗,又在插件市场看到了更好的底部弹窗 :LuPopupWrapper--弹窗容器 ...
转自 http://www.yiyongtong.com/archives/view-7567-1.html 成品图 一、数据格式 数据是树形结构的数据 数据 ...
这个是微信小程序的picker-view组件,开发的省市区3级联动,体验还不错,就分享给大家了, 此版本的省市区数据为本地JS数据,免去请求加载数据了,大家直接看源码,先看下面的动图: 项目地址:https://github.com/pannysp ...
参考地址:https://juejin.im/post/5e6995a0f265da576d60b953 ...
github项目地址 https://github.com/z1511676208/chooseAddr 序:项目中需要用到三级联动,自己试着写了下,也查了一些资料,现在把这个记录一下,里面地区数据,可根据个人需要做一些更改,我比较懒就不改了。 wxml < ...
在data里面设置currentZone为空,region这是设置一个地区的初始值 region: ['上海市', '上海市', '黄浦区'],例如这个,定位 在mode设置为region之后。那个省市区就全部都有了。 ...
省市区三级菜单联动插件 citySelect.js ...
uni-APP中的三级联动(省市区)---数据前端写死 https://blog.csdn.net/lwaner/article/details/107150805 uniapp#实现自定义省市区三级联动--- 调接口获取数据 https://blog.csdn.net ...