微信小程序官网只提供了省市区的三级联动,实际开发中更多的是自定义的多级联动: 依照微信小程序官网提供的自定义多级联动,需要使用到picker 的多列选择器,即设置 mode = multiSelector https://developers.weixin.qq.com/miniprogram/dev/component/picker.html 在网上也找了资料,代码都太繁琐,并且对于频繁变化的数据,非常不好维护: 代码在git上有:https://github.com/jonyellow/co…

picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器. picker官方文档链接 由于项目需求,需要使用省市2级联动选择器,由于官方默认提供的是省市区3级联动选择器,所以自己封装了一个2级选择器 wxml文件 <view class="section"> <view class="section__title">省市二级联动demo&l…

微信小程序页面调用自定义组件内的事件 page page.json { "usingComponents": { "my-component": "../components/component/component", } } page.wxml <my-component id="myComponent"></my-component> page.js Page({ //... onLoad: fun…

fly.js是什么? 一个支持所有JavaScript运行环境的基于Promise的.支持请求转发.强大的http请求库.可以让您在多个端上尽可能大限度的实现代码复用(官网解释) fly.js有什么特点: 提供统一的 Promise API. 浏览器环境下,轻量且非常轻量 . 支持多种JavaScript 运行环境 支持请求/响应拦截器. 自动转换 JSON 数据. 支持切换底层 Http Engine,可轻松适配各种运行环境. 浏览器端支持全局Ajax拦截 . H5页面内嵌到原生 APP 中时…

在使用微信小程序picker组件时候,可以设置属性   mode = multiSelector   意为多列选择,关联选择,当第一列发生改变时侯,第二列甚至第三列发生相应的改变.但是官方文档上给的只有三列数据关联改变,没有两列改变得,我在写的时候琢磨了很久官方文档,于是写下此篇文档,作为总结. 结构文件 <picker mode="multiSelector" bindchange="PickerChange" bindcolumnchange="…

多图警告!!! 最近在工作中遇到这样一个需求:微信小程序底部的Tab需要通过判断登录人的角色动态进行改变,想要实现这个功能依靠小程序原生的Tabbar是不可能实现的了,所以研究了一下自定义Tab,这里记录一下 微信小程序的Tab 想要写自定义Tab首先要知道原生Tab该怎么写,新建一个微信小程序运行起来,默认是这个样子的 简单修改一下小程序自带的logs页面,大概是这个样子(通过两个按钮模拟角色,就不写登录了) 目前想要在两个页面之前来回切换只能通过修改app.json中pages的顺序才能实现…

前言 微信小程序默认给我们提供了一个省市区的picker选择器,只需将mode设置为region即可 <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}" > 因为小程序默认提供的省市区选择器只能保存名称,不能保存id,而且我也不需要选择三级城市,所以这里打算通过mode…

一.前言: 我发现很多的同学都在抱怨说微信小程序的picker的mode = selector/mode = multiSelector 无法实现Object Array数据类型的绑定,其实很多人就想要和html中的下拉选中的通过选中获取vaule中的属性值,其实认真查看微信picker组件详解的都知道其实是可以实现的,只不过微信给的实例是array的实例而object array实例是留给大家去动手的哟,在这里我主要介绍的mode=selector 的objectArray实现. 二.介绍:…

微信小程序又发布更新了,刚好昨天支付宝也发布小程序,不能让它抢了风头的节奏.微信小程序主要更新如下:“小程序分享支持自定义封面图,公众号及小程序客服可发送小程序卡片.同时,我们还开放了获取发票抬头,指纹识别等更多能力.” 1.小程序可自定义分享配图 为帮助开发者给用户呈现最合适的小程序分享效果,我们开放了自定义分享卡片配图的能力.未定义分享卡片配图的,仍将由微信截屏,作为小程序分享卡片配图. 2.客服消息支持发送小程序卡片 为便于用户使用小程序服务,客服接口能力升级: 公众号及小程序客服可给用户…

关于微信小程序中的picker使用方法可以访问:picker-小程序 从它的官方文档中,可以看出它返回的value值是它range的下标: 在项目中,我们大多数时候传的值并不是需要这个下标,而是其他的值.像我项目中,需要获取到的是它对应的teamId,那么我们如何通过它的这个下标值返回你想要的值呢? 项目需求如下图: 步骤如下:  1.编写wxml文件 这是主要讲picker的功能,所以我只截了 picker 部分的wxml 代码了. 2.编写js文件 a). 定义data b). 赋值 c).…