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()强制刷新页面


此时,页面刷新,HTML中的绑定数据会更新,

但是不会执行任何页面生命周期函数.页面不会重新load

duanshuilu.com首页有视频

评论者:[[ schemeInfo.user.username ]]

评论内容:[[ schemeInfo.pbody ]]

评论时间:[[ schemeInfo.ptime ]]





发表你的评论:

提交评论
上一篇:
下一篇: