篇首语:本文由小编为大家整理,主要介绍了在微信小程序中操作执行成功后回到上一页,并进行刷新相关的知识,希望对你有一定的参考价值。
可以使用 wx.navigateBack
的 success
回调函数来实现页面刷新的效果。具体来说,在 wx.navigateBack
的 success
回调函数中,可以调用上一页的 onLoad
函数来重新加载页面。可以按照以下步骤进行修改:
在返回上一页之前,将需要刷新的页面的页面栈编号(即 delta)保存到一个变量中,比如:
var pages = getCurrentPages();var prevPage = pages[pages.length - 2]; // 获取上一个页面实例对象var delta = pages.length - prevPage.index - 1; // 计算需要返回的页面数
在
wx.navigateBack
的success
回调函数中,使用wx.navigateBack
的delta
参数返回上一页,并调用上一页的onLoad
函数刷新页面,比如:wx.navigateBack( delta: delta, success: function () prevPage.onLoad(); // 执行上一页的onLoad函数 )
将以上代码添加到当前代码的 wx.navigateBack
的 success
回调函数中即可。完整的代码如下所示:
saveNote: function() var that = this; const app = getApp(); const nickName = app.globalData.userInfo.nickName; console.log("昵称"+nickName) wx.showLoading( title: "正在保存", ) wx.request( url: "http://localhost:8080/miniwechat/note/addNote", method: "POST", data: title: that.data.noteTitle, content: that.data.noteContent, topicId:that.data.topicId, nickName:nickName , success: function(res) wx.hideLoading(); if (res.data.code == 1) wx.showToast( title: "保存成功" ) var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; // 获取上一个页面实例对象 var delta = pages.length - prevPage.index - 1; // 计算需要返回的页面数 wx.navigateBack( delta: delta, success: function () prevPage.onLoad(); // 执行上一页的onLoad函数 ) else wx.showToast( title: "保存失败", icon: "none" ) , fail: function() wx.hideLoading(); wx.showToast( title: "保存失败", icon: "none" ) )
微信小程序 延时执行 延时跳转
在微信小程序开发中,经常会遇到这样的需求:当用户操作后,我们需要先提醒用户操作成功,然后再进行页面跳转,这时候我们就需要用到setTimeout()来实现。
success(res) wx.showToast( title: "修改成功", icon:"success", duration:1500 ) setTimeout( function() //注意function这里不能缺少 wx.navigateBack( delta: 1, ) ,1500)
以上是关于在微信小程序中操作执行成功后回到上一页,并进行刷新的主要内容,如果未能解决你的问题,请参考以下文章