关于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:""}})

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值