本文作者:DurkBlue

微信小程序如何杜绝重复点击该组件推荐

DurkBlue 2021-01-11 11177 抢沙发
微信小程序如何杜绝重复点击该组件摘要: 小程序在渲染或者在操作请求时,如果响应很慢,会导致用户多次点击或者重复点击。另外也可能有用户多次连续点击请求,造成不是我们想要的结果。因此,需要设置禁止用户多次重复点击。在执行请求...

小程序在渲染或者在操作请求时,如果响应很慢,会导致用户多次点击或者重复点击。另外也可能有用户多次连续点击请求,造成不是我们想要的结果。因此,需要设置禁止用户多次重复点击。在执行请求时,禁止多次点击或者重复点击,放在工具util.js文件中

微信小程序如何杜绝重复点击该组件  第1张

/**
 * 执行请求,禁止多次点击或者重复点击
 */
function showLoading(message) {
    if (wx.showLoading) {
        // 基础库 1.1.0 微信6.5.6版本开始支持,低版本需做兼容处理
        wx.showLoading({
            title: message,
            mask: true
        });
    } else {
        // 低版本采用Toast兼容处理并将时间设为20秒以免自动消失
        wx.showToast({
            title: message,
            icon: 'loading',
            mask: true,
            duration: 20000
        });
    }
}

function hideLoading() {
    if (wx.hideLoading) {
        // 基础库 1.1.0 微信6.5.6版本开始支持,低版本需做兼容处理
        wx.hideLoading();
    } else {
        wx.hideToast();
    }
}1234567891011121314151617181920212223242526272829

在页面js:

submit:function(){
    util.showLoading("数据请求中...");
    wx.request({
        url:url,
        data:data,
        success:(res)=>{
            util.hideLoading();
        },
        fail:()=>{
            util.hideLoading();
        }
    })
}12345678910111213

wxml:

<view  bindtap="submit"></view>1

在页面跳转,禁止多次或者重复点击:

/**
 * 
 */
function isClicked(self) {
    self.setData({
        isClicked: true
    })
   
    setTimeout(function () {
        self.setData({
            isClicked: false
        })
    }, 500)
}1234567891011121314

在对应页面中设置isClicked数据对象,

js:

Page({
    data:{
        isClicked:false
    },
    click:function(){
        util.isClicked(this);
    }
})123456789

wxml:

<view bindtap="{{!isClicked?'click':''}}"></view>


此篇短文由DurkBlue发布,写作不易转载请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2021-01-11
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(2)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论取消回复

快捷回复:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog

评论列表 (暂无评论,11177人围观)参与讨论

还没有评论,来说两句吧...