美文网首页
防止微信小程序页面多次跳转

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

作者: SevenLonely | 来源:发表于2018-01-17 14:51 被阅读0次

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

思路在页面初始化的时候添加一个变量然后在小程序 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
      })
    }
  },
})

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

相关文章

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

    问题:如题在开发小程序的时候发现有的页面存在多次跳转情况 思路在页面初始化的时候添加一个变量然后在小程序 onsh...

  • 小程序页面跳转解析

    对于两个或更多页面的微信小程序而言,页面之间的跳转是在所难免的。 有关小程序页面间跳转的 API 函数,微信一共为...

  • 微信小程序:服务通知跳转长链接

    问题: 在微信的服务通知里面跳转微信小程序页面,小程序页面链接需要带一个h5页面链接,跳转后显示页面不存在。 定位...

  • 微信小程序-页面跳转

    微信小程序-页面跳转 一、在app.json中配置跳转页面: logs为当前将要跳转到的页面 { “pages”:...

  • 微信小程序页面跳转方法总结

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面...

  • 跳转大全

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: //保留当前页面,...

  • APP跳转小程序,小程序跳转APP,看我就够了

    本文涉及的内容:APP跳转小程序,跳转指定页面,传参。APP分享小程序。小程序跳转APP,传参。默认已集成微信SD...

  • 微信小程序的跳转方式

    微信小程序有5种跳转方式 switchTab这种跳转只能跳转到 tabBar 配置的页面 navigateBack...

  • 微信小程序的周期解析

    微信小程序中的路由跳转方式(传参)通过navigateTo({})来进行页面的跳转 注意:保留当前页面,跳转到应用...

  • 2020-09-28

    微信小程序模仿微信主页及页面跳转详解 主页wxml代码:

网友评论

      本文标题:防止微信小程序页面多次跳转

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