uniapp实现:返回上一页面并刷新
uniapp实现:返回上一页面并刷新
A页面跳转到B页面,B页面返回到A页面并刷新A页面
A页面的写法:
methods: {
//刷新页面
Refresh() {
//这里写更新数据的方法
},
//跳转到B页面
trigger(){
uni.navigateTo({
url: './B'
});
},
}
B页面的写法:
methods: {
//操作完成返回消息首页
Operation() {
var prevPage = pages[pages.length - 2]; //上一页页面实例
if (typeof(prevPage) == "undefined") {
//没上一页面
return;
}
//把数据返回给上一个页面
prevPage.$vm.Refresh(); //上一页面的刷新方法
setTimeout(()=>
uni.navigateBack({
delta: 1
});
,1000)
},
}
使用此方法必须保证,B页面只能由A页面跳转过来;
原理:通过页面实例调用上一页面的方法,然后返回
此方法还会遇到一个问题:那就是在调用上一页面的刷新方法,会出现调用方法的加载弹窗;需要自己传参关闭;
实际测试:小程序和APP均支持该方法