uniapp无法返回上一页_uni-app 返回上一页或返回多页后刷新页面

我们在用 uni-app 开发前端时，有时在返回上一页后要刷新上一页的数据，如登录后返回上一页刷新登录状态。我们可以通过 uni.navigateBack 的成功回调函数来实现。具体实现方式如下：

要打开登录页面的主页面中的主要代码如下

export default {

methods: {

toView(page) {

uni.navigateTo({

url: `/pages/${page}`

})

}

onLoad(option) {

console.info('调用了 onLoad：' + option)

}

登录页面主要代码如下

立即登录

export default {

methods: {

handleLogin() {

const delta = 1 // 返回的页面数

uni.navigateBack({

delta: delta,

success: () => {

const pages = getCurrentPages() // 获取当前页面栈数组，第一个元素为首页，最后一个元素为当前页面

let page = pages[Math.max(pages.length - 1 - delta, 0)] // 要返回到的页面，超过页面栈，则为首页

page.onLoad(page.options) // 通过调用页面的 onLoad 里面的处理逻辑实现刷新数据

}

})

}

注意：目前 uni.navigateBack 的成功回调函数，但是经过实测是会回调，不知后续是否会变动。版权属于：瞭月

uniapp无法返回上一页_uni-app 返回上一页或返回多页后刷新页面相关推荐

解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
html ios返回后刷新页面,Ios中微信页面返回上一页去除缓存几种常见思路
前言这篇文章和第,.年过事工宗据指数遍互业经搞断果会主要讲解决思路,不对各种概念进行抖要支圈者器说是事天开的.年后编定功口小发还应久剑过多讲解. 问题描述开发微信H5页面的时候,在Ios微信内置浏 ...
layer ajax返回成功关闭窗口,layer.msg()自动关闭后刷新页面
nginx upstream的几种配备方式 nginx upstream的几种配置方式 nginx 的upstream目前支持4种方式的分配 1.轮询(默认) 每个请求按时间顺序逐一分配到不同的后端服 ...
uni-app返回上一层页面后数据刷新重置解决办法，uni-app页面不刷新，强制刷新页面方法！
页面跳转后返回之前页面数据全部重置刷新了大概意思就是从a页面去b页面办了点事,在回到a页面时之前填写的数据没了,页面数据重置了怎么办,这个应该只有新手会犯这个错误,可以看看官方文档:uni-app页 ...
vue返回上一页不刷新页面的方法 / vue缓存页面
问题: vue框架下,在返回上一页的时候(this.$router.go(-1)) ,默认会让上个页面重新执行一遍生命周期(即被刷新了). 想达到的效果: 返回上一页不刷新页面. 解决方法: 缓存上一 ...
VUE 返回上一页不刷新页面、重复进入同一页面created重复执行、每次进入页面时都执行created、vue单页面多路由，前进刷新，返回不刷新
每次进入页面时都执行created.前进刷新,返回不刷新思路: 利用 keep-alive与vue-router配合使用 ,判断哪些页面需要每次进入刷新,哪些页面不需要每次进入刷新: keepAli ...
记录--uniapp上如何实现安卓app微信登录功能（操作流程总结）
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 uniapp上如何实现安卓app微信登录功能?下面本篇文章给大家分享一下uniapp上实现安卓app微信登录的权限申请.开发的具体操作流程 ...
app开发上传文件夹到服务器,uni-app 上传（图片上传实战）
uni.uploadFile(OBJECT) 将本地资源上传到开发者服务器,客户端发起一个 POST 请求,其中 content-type 为 multipart/form-data. 如页面通过 u ...
JavaScript返回上一页后并刷新页面
一.返回上一页并刷新页面: window.location.replace(document.referrer); document.referrer:可以引用到上一个页面,这个属性是由浏览器支持的. ...

uniapp无法返回上一页_uni-app 返回上一页或返回多页后刷新页面

uniapp无法返回上一页_uni-app 返回上一页或返回多页后刷新页面相关推荐

最新文章

热门文章