微信小程序开发

wx.navigateBack--带参数跳转

2019-06-25  本文已影响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)带参数跳转的方法!

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

上一篇 下一篇

猜你喜欢

热点阅读