vue路由切换导致的渲染问题

问题:

vue-router导航切换 时,如果两个路由都渲染同个组件,组件会重

组件的生命周期钩子(created)不会再被调用, 使得组件的一些数据无法根据 path的改变得到更新

解决:

watch监听路由的变化,这样不会重新执行created,但是使用同样的代码即可。

export default {
    
    
	data{
    
    
    	return {
    
    }
	},
    //  .....
    watch: {
    
    
        $route(to, from) {
    
    
        	// 逻辑代码    
        }
    }
}

猜你喜欢

转载自blog.csdn.net/weixin_43795939/article/details/113611557