vue路由改变页面不刷新.

最新推荐文章于 2024-07-23 08:58:45 发布

不关心！

最新推荐文章于 2024-07-23 08:58:45 发布

阅读量549

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_38966984/article/details/96480670

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

原理,在<router-view/>中利用v-if先false再true，来刷新<router-view/>

1.你要刷新的组件，中添加如下：

如果没有请添加watch侦查器,如果有在watch中添加如下内容:
watch:{
		'$route':function(){
			this.reload();
		}
	}

2.在App.vue中添加如下内容:

1.给router-view添加v-if
<router-view  v-if="isRouterAlive" />
2.在App.vue的export defualt中添加如下:

export default{
....
 provide(){
    return{
      reload:this.reload
    }
  },
  data(){
    return{
      isRouterAlive:true
    }
  },
  methods:{
    reload(){//console.log('fa')
      this.isRouterAlive = false;
      this.$nextTick(function(){
        this.isRouterAlive = true;
      })
    }
  }
...
}