做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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐