前言

本来返回上一页可以使用uni.navigateBack(OBJECT),但是这个无法触发页面更新,另外可以选用uni.reLaunch(OBJECT),但是会丢失页面栈,无法继续返回上上页.因此利用uni.navigateBack(OBJECT)+传参触发页面更新函数的方式来实现.

提示：以下是本篇文章正文内容，下面案例可供参考

一、难点有哪些？

二、返回上一页

代码如下：

//click事件函数
gotoPre:function(){uni.navigateBack()//返回上一页
}

三、触发上一页的更新

代码如下：

//click事件函数
gotoPre:function(){let pages = getCurrentPages()//页面栈let prePage = pages[pages.length - 2]//上一页prePage.$vm.reFresh = Math.random()//触发上一页监听器uni.navigateBack()//返回上一页
}

四、监听reFresh

data() {return {reFresh:""}
},
watch:{//监听reFresh,如果有修改就执行监听器reFresh:function(){//初始化参数this.num = 0//刷新页面(即onLoad里的某些操作this.num = "110"console.log("页面已重新加载");}
},

五、示例源码

Talk is cheap. Show me the code：

点击下载示例源码

总结

其实实际用的比这个要稍微复杂点,是需要返回上一页并刷新上一页里某个组件内的数据.
不过思路是一致的,简单说来就是返回上一页之后触发"触发组件内监听器"的监听器.

Uniapp返回上一页触发页面更新相关推荐

uniapp 返回上一页触发上一页的刷新
触发上一页的更新(B页面) click事件函数 //click事件函数 gotoPre:function(){let pages = getCurrentPages()//页面栈let prePage ...
html里怎样返回首页,返回上一页-html页面返回上一页面怎么写
提供3种方法: 1.超链接返回上一页. 返回上一页 2.按钮返回上一页. 3.图片链接返回上一页. [color=#]几秒钟后[/color]自动返回上一页代码:(加入两个head间,表示3秒) fu ...
uni-app返回上一级并刷新页面
首页代码 index.vue <template><view><button type="default" @click="clickIt( ...
uniapp - 返回上一页携带参数或刷新数据
在uni中,返回页面是不会触发onLoad方法的: 如果我们只想在特定情况下返回上一页才需要刷新数据,那么用onShow的话,那刷新就太频繁了: 这时候,可以用$emit和$on去解决. 比如说,从详 ...
uniapp返回上一页执行上一页方法
在使用uniapp的过程中,我相信,我们都一定遇见过如下的场景: 进入了一个列表页,列表页进入详情页,在详情页进行了一些操作,比如,删除,修改,编辑,提交,成功之后返回到列表页,那么这个时候,如果我们 ...
uniapp返回上一页并传递参数
说是传递参数,实际是在你返回之前先修改了上一页的data里面的数据再进行返回上一页的操作. // 获取所有页面栈实例列表 let pages = getCurrentPages(); // 当前页页面 ...
uniapp返回上一页
backPageRefresh(page) { // page这个值如果你只返回上一页可以不用传,返回上上页就传2,以此类推let pages = getCurrentPages(); // 当前页面 ...
html5返回上一页不刷新,javascript解决在safari浏览器中使用history.back()返回上一页后页面不会刷新的问题...
我们知道,在JavaScript中提供了一个window.history.back()方法用于返回上一页,另外也可以使用window.history.go(-1)返回上一页(跳转). 在其他的主流浏览 ...
vue/uniapp - 返回上一页并onLoad刷新数据
在uni中,返回页面是不会触发onLoad方法的: 如果我们只想在特定情况下返回上一页才需要刷新数据,那么用onShow的话,那刷新就太频繁了: 这时候,可以用$emit和$on去解决. 比如说,从详 ...

Uniapp返回上一页触发页面更新

文章目录

前言