美文网首页
解决小程序navigateTo点击过快,重复跳转页面问题

解决小程序navigateTo点击过快,重复跳转页面问题

作者: ioido | 来源:发表于2020-12-24 10:32 被阅读0次

    简单的方法是通过标志位的方式,初始化值locked=false,判断为true就return,false继续网络请求。
    注意不是在网络请求成功更改标志位,而是在跳转成功加延时更改标志位,因为跳转方法默认有300ms延时

    navto:function() {
                    if (_self.locked) {
                        return
                    }
                    _self.locked = true
                    var postData = {
                    }
                    let p = post(url, postData, true)
                    p.then(res => {
                        if (res.success) {
                                uni.navigateTo({
                        url: '',
                        complete() {
                            let t = setTimeout(function(){
                                _self.locked = false
                                                            clearTimeout(t)
                            },500)
                        }
                    })
                        }
                    }, err => {
                        _self.locked = false
                    })
                }
    

    相关文章

      网友评论

          本文标题:解决小程序navigateTo点击过快,重复跳转页面问题

          本文链接:https://www.haomeiwen.com/subject/zqapnktx.html