关于vue路由跳转后的页面不会刷新的解决办法
关于vue路由跳转后的页面不会刷新的解决办法
·
做uni项目的时候遇到的情况:1,父组件页面刷新了之后 需要触底加载的子组件能触底加载,否则不能加载。2,子组件不能触底加载,只需要刷新之后就能触底加载。以上的刷新不包括下拉刷新。3. 可能因为包了一层tab页导致跳转进页面没有请求数据的问题。
我的解决办法是:
watch: {
$route(to, from) {
window.location.reload(); //监测到路由发生跳转时刷新一次页面
},
},
导致的问题是:跳转过去的页面会刷新一次,导致体验不好,但是因为下拉刷新也没办法解决请求不到数据的情况,所以抖一下就抖一下吧(不是,只是我没有更好的办法了)
其他办法:转载https://www.jb51.net/article/216962.htm
1、使用activated:{}周期函数代替mounted:{}函数即可。
2、监听路由
watch: {
'$route' (to, from) {
// 路由发生变化页面刷新
this.$router.go(0);
}
},
// 该方法会多一次请求
watch: {
'$route' (to, from) {
// 在mounted函数执行的方法,放到该处
this.qBankId = globalVariable.questionBankId;
this.qBankName = globalVariable.questionBankTitle;
this.searchCharpter();
}
},
Vue this.$router.push路由跳转,刷新参数消失
this.$router.push({name:"",params:{id:""}})
this.$router.push({path:"",query:{id:""}})
更多推荐
已为社区贡献1条内容
所有评论(0)