微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
程序员文章站
2022-03-20 18:04:17
本文实例讲述了微信小程序返回上一级页面并刷新操作。分享给大家供大家参考,具体如下:在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateback 方法中,返回上一页...
本文实例讲述了微信小程序返回上一级页面并刷新操作。分享给大家供大家参考,具体如下:
在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateback 方法中,返回上一页是不会刷新的。如果上一页的页面加载是在onload方法中触发的话,那么可以修改为在onshow方法中触发。
onload(object query)
:页面加载时触发。一个页面只会调用一次,可以在 onload 的参数中获取打开当前页面路径中的参数。
onshow
:页面显示/切入前台时触发。
值得注意的是:如果上一级的页面是从上上级页面跳过来的话,之前在onload方法中,使用的options获取的参数方法,那么当修改为onshow加载的时候就需要,将这个方法稍微修改一下,可以选择使用页面栈的方式,获取上上级页面传来的参数:
onload加载:
/** * 生命周期函数--监听页面加载 */ onload: function (options) { var that = this; that.setdata({ project_id: options.project_id }) },
修改为:
/** * 生命周期函数--监听页面显示 */ onshow: function () { // 页面初始化 options为页面跳转所带来的参数 var that = this; let pages = getcurrentpages(); //页面栈 let currpage = pages[pages.length - 1]; //当前页面 that.setdata({ name: currpage.options.name //获取上上级页面传的参数 }) },
文章若有错误之处还望帮忙指正,谢谢。
希望本文所述对大家微信小程序设计有所帮助。
下一篇: gnuplot图例legend设置