首页 >> js开发 >> js微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】js大全
js微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
本文实例讲述了微信小程序返回上一级页面并刷新操作。分享给大家供大家参考,具体如下:在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一页是不会刷新的。如果上一页的页面加载是在onLoad方法中触发的话,那么可以修改为在onShow方法中触发。wx.navigateBack onLoad(Object query):页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。onLoad(Object query)一个页面只会调用一次onShow:页面显示/切入前台时触发。onShow值得注意的是:如果上一级的页面是从上上级页面跳过来的话,之前在onLoad方法中,使用的options获取的参数方法,那么当修改为onShow加载的时候就需要,将这个方法稍微修改一下,可以选择使用页面栈的方式,获取上上级页面传来的参数:onLoad加载:
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
that.setData({
project_id: options.project_id
})
},
/**
* 生命周期函数--监听页面加载
*/
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 //获取上上级页面传的参数
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
// 页面初始化 options为页面跳转所带来的参数
var that = this;
let pages = getCurrentPages(); //页面栈
let currPage = pages[pages.length - 1]; //当前页面
that.setData({
name: currPage.options.name //获取上上级页面传的参数
})
},
文章若有错误之处还望帮忙指正,谢谢。希望本文所述对大家微信小程序设计有所帮助。
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
that.setData({
project_id: options.project_id
})
},
/**
* 生命周期函数--监听页面加载
*/
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 //获取上上级页面传的参数
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
// 页面初始化 options为页面跳转所带来的参数
var that = this;
let pages = getCurrentPages(); //页面栈
let currPage = pages[pages.length - 1]; //当前页面
that.setData({
name: currPage.options.name //获取上上级页面传的参数
})
},
文章若有错误之处还望帮忙指正,谢谢。希望本文所述对大家微信小程序设计有所帮助。
相关文章:
- js解决vuex数据页面刷新后初始化操作js大全
- jsecharts 使用formatter 修改鼠标悬浮事件信息操作js大全
- jsJS的时间格式化和时间戳转换函数示例详解js大全
- jsJS实现audio音频剪裁剪切复制播放与上传(步骤详解)js大全
- js代码处理JavaScript值为undefined的7个小技巧
- jsVue组件跨层级获取组件操作js大全
- js解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题js大全
- js解决vue页面渲染但dom没渲染的操作js大全
- js谈一谈vue请求数据放在created好还是mounted里好js大全
- js解决vue的router组件component在import时不能使用变量问题js大全