做uni項目的時候遇到的情況:1,父組件頁面刷新了之后 需要觸底加載的子組件能觸底加載,否則不能加載。2,子組件不能觸底加載,只需要刷新之后就能觸底加載。以上的刷新不包括下拉刷新。3. 可能因為包了一層tab頁導(dǎo)致跳轉(zhuǎn)進(jìn)頁面沒有請求數(shù)據(jù)的問題。
我的解決辦法是:
watch: {
$route(to, from) {
window.location.reload(); //監(jiān)測到路由發(fā)生跳轉(zhuǎn)時刷新一次頁面
},
},
導(dǎo)致的問題是:跳轉(zhuǎn)過去的頁面會刷新一次,導(dǎo)致體驗不好,但是因為下拉刷新也沒辦法解決請求不到數(shù)據(jù)的情況,所以抖一下就抖一下吧(不是,只是我沒有更好的辦法了)
其他辦法:轉(zhuǎn)載https://www.jb51.net/article/216962.htm
1、使用activated:{}周期函數(shù)代替mounted:{}函數(shù)即可。文章來源:http://www.zghlxwxcb.cn/news/detail-514074.html
2、監(jiān)聽路由文章來源地址http://www.zghlxwxcb.cn/news/detail-514074.html
watch: {
'$route' (to, from) {
// 路由發(fā)生變化頁面刷新
this.$router.go(0);
}
},
// 該方法會多一次請求
watch: {
'$route' (to, from) {
// 在mounted函數(shù)執(zhí)行的方法,放到該處
this.qBankId = globalVariable.questionBankId;
this.qBankName = globalVariable.questionBankTitle;
this.searchCharpter();
}
},
Vue this.$router.push路由跳轉(zhuǎn),刷新參數(shù)消失
this.$router.push({name:"",params:{id:""}})
this.$router.push({path:"",query:{id:""}})
到了這里,關(guān)于關(guān)于vue路由跳轉(zhuǎn)后的頁面不會刷新的解決辦法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!