
微信小程序
人生意义几何
情深不寿,慧极必伤。
展开
-
把微信小程序异步API封装成为Promise,简化异步调用
第一种封装// index.jsconst toPromise = (wx) => { return (method) => { return (option) => { return new Promise ((resolve, reject) => { wx[method]({ ...option, success: (res) => { resolve(res) }, .原创 2021-12-22 11:53:06 · 534 阅读 · 0 评论 -
微信小程序关于redirectTo和navigateTo、navigateBack详解及使用
文章目录前言一、小程序导航跳转的几种方法?二、使用步骤1.A页面跳转2.B页面处理数据3.A页面处理(扩展)总结前言前言:在小程序开发过程中,我们会遇到这样的需求,点击A页面上的某个元素跳到B页面(使用redirectTo),在B页面上处理完数据之后再回到A页面(使用redirectTo),那么A页面会重新被渲染,数据全部初始化,特别是某些需要权限认证的页面,重新认证是不合理的,这不满足需求。因此选择了A→B(使用navigateTo),B→A(使用navigateBack)那么A页面不会重新执行o原创 2021-12-14 12:08:26 · 9686 阅读 · 0 评论 -
微信小程序请求错误时使用vantWeapp的空状态(van-empty)
文章目录前言一、van-empty是什么?二、使用步骤1.引入2.读入数据前言本文介绍了vant-weapp一些组件的使用经验提示:以下是本篇文章正文内容,下面案例可供参考一、van-empty是什么?vant-empty是vantWeapp展示类组件中的一个组件,适用于系统发生各种错误以及网络错误或者展示各种提示,支持自定义图片、描述文字以及底部插槽。二、使用步骤1.引入代码如下(示例):{ "usingComponents": { "no-right": "../../原创 2021-12-14 10:31:09 · 2235 阅读 · 0 评论 -
vantWeapp使用动作面板(van-action-sheet)时数组动态添加编辑数据
项目背景:在实现如下功能时,我们想要实现点击电话按钮实现弹出电话号码面板并点击拨打电话。但是后台返回的电话号码数据并不是数组,因为我们要对data值进行动态添加。数据格式对应代码 <van-action-sheet show="{{ show }}" actions="{{ actions }}" cancel-text="取消" bind:cancel="onClose" bind:close="onClose" bind:select="onSelect" /> dat原创 2021-12-11 22:33:32 · 3782 阅读 · 3 评论 -
微信小程序复杂条件判断按钮显示隐藏
背景概述: 第二个和第三个view根据条件判断显示,第一个view根据条件判断是否在任一页面显示。<view class="root"> <view wx:if="{{(hasRecord || length > 0) && apiFinished }}" class="navigate-wrapper"> *** </view> <view wx:if="{{hasAuth&& a原创 2021-12-09 10:21:52 · 2547 阅读 · 0 评论 -
微信小程序中关于src变量拼接的问题
最近在做微信小程序字符串和变量拼接的时候遇到了问题,试了很多种最后找到了合适的传参方式,记录一下。imageUrl 是变量 <web-view src="{{'https://h5.m.jd.com/babelDiy/****?imgUrl=' + imageUrl}}"></web-view> ...原创 2021-11-19 17:46:38 · 2041 阅读 · 0 评论 -
微信小程序如何支持长按识别二维码功能
1.previewImage小程序wxml<image src="{{image}}" bindtap="imgLoad"></image>小程序js文件 imgLoad: function(event) { let imgList = [ '**', ] wx.previewImage({ current: '**', // 当前显示图片的http链接 urls: imgL原创 2021-11-17 15:01:36 · 1652 阅读 · 0 评论