美文网首页微信小程序开发
wx.navigateBack--带参数跳转

wx.navigateBack--带参数跳转

作者: 无枉少年 | 来源:发表于2019-06-25 11:07 被阅读5次

微信小程序官方文档入口

    wx.navigateBack(Object object)

                关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。

        想要解决的问题:当子组件要向父组件传值,如果用wx.navigateTo(Object object)来跳转,会刷新父组件的页面,导致页面内容空白,所以wx.navigateBack(Object object)解决了这个问题。

官方文档:

实际操作是这样的:

   1.首先在传值的页面上

belt_data_info:function(e){

        console.log(e)

        let pages = getCurrentPages();//当前页面    (pages就是获取的当前页面的JS里面所有pages的信息)

        let prevPage = pages[pages.length - 2];//上一页面(prevPage 就是获取的上一个页面的JS里面所有pages的信息)

            prevPage.setData({

          timelist: this.data.timelist

        })

        wx.navigateBack({//返回

          delta: 1

        })

      }

2.然后在上一级页面,也就是接收页面上,data中添加相对于的命名(我这里是“timelist”)

3.然后在生命周期onshow里面

    onShow: function (e) {

        let pages = getCurrentPages();

        let currPage = pages[pages.length - 1];

        console.log(this.data.timelist)    //在这里已经发生改变了

  },

这就是wx.navigateBack(Object object)带参数跳转的方法!

    希望对你有帮助,如果有什么问题,请评论讨论,点个赞呗!!!!

相关文章

网友评论

    本文标题:wx.navigateBack--带参数跳转

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