uni-app页面跳转强制不刷新和强制刷新的方法正解!

最近使用uni-app开发的项目比较多,过程中也遇到了很奇怪的问题,最后在CSDN和百度上面找的答案大都不靠谱,要么实现不了效果,要么就是复杂到看不下去。
页面跳转后返回之前页面数据重置全部刷新了
这个问题很头疼,从a页面去b页面办了点事,回到a页面时之前的数据没了,页面重置了怎么办,网上说设置常量,设置缓存,引入JS文件等等等等,这些确实是办法,但我告诉你一个极其简单的办法。

把路由页面跳转时用的
uni.navigateTo({
                    url: '../info/info?newsid='+newsid,                    success: res => {},                    fail: () => {},                    complete: () => {}                });
换成
uni.navigateBack(OBJECT)
就ok了

这个完美解决了页面自动刷新的问题,不会让页面重置所有数据。

第二个就是页面不刷新的问题了
这个简单,当你的数据发生变化后,页面视图如果没有随着改变只需要加上下面这个就OK了

this.$forceUpdate()强制刷新页面

好了,希望可以帮你解决问题!

你可能感兴趣的:(笔记)