微信小程序（三）：返回上一级页面并刷新（页面栈）

àì夳堔傛蜴生んèń 2021-10-13 20:16 1474阅读 0赞

在很多业务场景之下，需要返回上一级页面，并进行刷新，在微信小程序中的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 //获取上上级页面传的参数
})
},

发表评论

表情：
评论列表 （有 0 条评论，1474人围观）

还没有评论，来说两句吧...

相关阅读

    相关 微信小程序上拉刷新页面数据

    在微信小程序当中当在上拉的时候要显示下一页的数据的时候就需要用到上拉刷新事件。 首先要获取数据总条数以及一页有多少条数据，再使用Math的向上取整计算得出一共有多少页。以下

    悠悠悠悠/ 0 赞/ 55 阅读