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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐