vue在App.vue文件中监听路由变化刷新页面

vue在App.vue文件中监听路由变化刷新页面

在路由跳转时，会出现页面需要重新刷新一遍才能获取数据加载页面，这时添加一个监听器，如果跳转到页面刷新一次。

export default {
	name: 'App',
	provide(){
		return{
			reload:this.reload
		}
	},
	data(){
		return {
			isRouterAlive:true,
		}
	},
	//监听器
	watch: {
		// 方法1
		'$route' (to, from) { //监听路由是否变化
			// console.log(999)
			if(to.path == "/"){ //跳转到哪个页面
				location.reload()
			}
		},
	},
	methods:{
		reload(){
			this.isRouterAlive = false;
			this.$nextTick(function () {
				this.isRouterAlive = true
			});
		},
	},
}