zoukankan      html  css  js  c++  java
  • 微信小程序页面返回

    1.回退上一级页面 beforePage

    1.返回页面同时需要刷新数据

    var pages = getCurrentPages();//当前页面
    var beforePage = pages[pages.length-2];//前一页
    wx.navigateBack({
      success: function() {
        beforePage.onLoad(); // 执行前一个页面的onLoad方法
      }
    });

    2.回退3级页面 wx.navigateBack
    当我们页面跳转到三级页面后点击左上角的返回按钮,能够直接返回到首页

    1.wx.navigateBack 这个方法可以返回界面 在 onUnload 触发的时候可以执行。但是我发现这个方法确实可以回到首页,但是他会一个一个界面返回,不能直接返回到首页

    onUnload:function(){
      wx.navigateBack({
        delta:9
      })
    }

    2.正常 A -> B -> C 都是通过 wx.navigateTo 跳转的,所以 wx.navigateBack 只能返回上一界面,如果要返回到A 界面就会出现 C -> B -> A 的效果。

    如果想实现 A -> B -> C 当 C 点击返回时, 实现直接 C -> A 这种效果 就只能
    A -> B 通过 wx.navigateTo 跳转 B -> C 通过 wx.redirectTo 跳转.跳转触发后 B 页面就会被销毁, C 页面再返回 wx.navigateBack 就会直接到 A 了。

    wx.redirectTo({
      url:url
    })

    3.回退4级或者更多级页面,wx.reLaunch
    onUnload() {
      console.log('返回按钮')
      wx.reLaunch({
        url: '../../pages/index'
      })
    }

    4.返回多级页面。同时刷新
    比如我们现在希望在第四级页面返回首页后刷新
    我们需要在onShow方法中调用onLoad()方法

    1.页面需要带参进来的情况
    onShow() {
    this.onLoad({uid:this.$parent.globalData.enterid})
    }

    2.页面不需要带参的情况
    onShow() {
      this.onLoad()
    } // 只在Page中存在的页面生命周期函数

    注意:页面跳转最好不要带参跳转,采用全局变量比较好。
    比如:从 A 页面到 B 页面带的对象 c = {name:'小明',age:'18'},
    从 AA 页面到 B 页面带的对象 d = {pname:'小红',page:'17'},

    对象内部的字段名称不一样,B页面在拿到该对象后无法解析
    在全局中定义e ,在 A 页面中跳转前设置

    self.$parent.globalData.e.name = c.name;
    self.$parent.globalData.e.age = c.age;
    wx.navigateTo({
      url: 'B'
    })

    在全局中定义e ,在 AA 页面中跳转前设置

    self.$parent.globalData.e.name = d.pname;
    self.$parent.globalData.e.age = d.page;
    wx.navigateTo({
      url: 'B'
    })

    在B页面中onLoad()方法中

    this.obj = this.$parent.globalData.e,
    console.log(obj.name);
    console.log(obj.age);

  • 相关阅读:
    乱谈服务器编程
    set global slow_query_log引起的MySQL死锁
    一个由string使用不当产生的问题
    Hbase初体验
    浅谈SQLite——查询处理及优化
    ACID、Data Replication、CAP与BASE
    libevent源码分析
    浅析Linux Native AIO的实现
    vim7.2中文乱码解决方法
    伸展树的点点滴滴
  • 原文地址:https://www.cnblogs.com/koter5/p/12971826.html
Copyright © 2011-2022 走看看