防止微信小程序页面多次跳转

用户1437675

发布于 2018-08-20 11:24:00

9980

发布于 2018-08-20 11:24:00

文章被收录于专栏：Angular&服务 Angular&服务Angular&服务

问题：如题在开发小程序的时候发现有的页面存在多次跳转情况

思路在页面初始化的时候添加一个变量然后在小程序 onshow方法里面设置该变量为true，然后在每次跳转的时候判断该变量是否为true，如果为true则跳转。并在跳转之前改变该变量为false，通过这种方式来实现页面多次跳转

代码

Page({
  /**
   * 页面的初始数据
   */
  data: {
    isGoNavigate: undefined
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.setData({
      isGoNavigate: true
    })
  },
  goLogin: function () {
    if (this.data.firstJump) {
      wx.navigateTo({
        url: '../login/login'
      })
      this.setData({
        isGoNavigate: false
      })
    }
  },
})

参考文档,感谢老哥给我思路

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018.01.17 ，如有侵权请联系 cloudcommunity@tencent.com 删除

微信