uni-app,解决方案, 已存在待跳转页面,请不要连续多次跳转页面问题

问题的解决思路,设置全局变量flag,以及封装跳转函数,设置定时器不允许几秒钟重复跳转

1:如果采用 uni.navigateTo 跳转

jumpFlag: function(path) { //跳转开关
        if (getApp().globalData.is_flag) { //is_flag开始等于 true
            getApp().globalData.is_flag = false;
            uni.navigateTo({
                url: path,
            });
            setTimeout(() => {
                getApp().globalData.is_flag = true;
                console.log(getApp().globalData.is_flag);
            }, 1000)
        } else {
            console.log('重复点击了');
        }
  },

is_flag定义在app.vue中

export default {
        globalData: {
            is_flag:true  //跳转开关

        }

2:如果页面底部tabbar切换tab出现报错

在页面中监听onTabItemTap生命周期,使用plus.nativeObj.view放一个区块盖住点击的tab,同上面方法加延时取消plus.nativeObj.view的区块

技术讨论可以加qq445849201

 

 

你可能感兴趣的:(uni-app,vue.js,前端)