vue跳轉當前頁面


vue跳轉當前頁面是不刷新的,比較簡單的方法是window.onload()或則this.$router.go(0);
這樣會有空白頁的閃爍感
推薦

在app.js ,通過提供一個reload方法實現頁面的重新加載
    <router-view v-if="showState" />  
  name: 'App',
  provide(){
    return {
      reload:this.reload
    }
  },

  methods:{
    reload(){
      this.showState = false;
      this.$nextTick(()=>{
        this.showState = true;
      })
    }
  }

user.js
很重要!!! 監聽路由的變化情況,包括通過瀏覽器的后退鍵前進鍵的變化的情況的
export default {
    inject:["reload"],
  data() {
    return {


  watch: {
  '$route' (to, from) { //監聽路由是否變化
    if(this.$route.params.touid){//判斷id是否有值
     // alert(this.$route.params.touid)
     this.reload();
    }
  }
},

最后效果很滿意!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM