Vue路由切换时页面内容不重载的解决方案

第二次进入页面时，页面路由参数发生变化，但页面内容不会刷新。

问题原因：在组件挂载钩子中调用的刷新页面内容，但是测试发现钩子没有被调用。后来发现App.vue中使用了保活：

template div id=' app ' keep-alive router-view/router-view/keep-alive/div/template keep-alive是Vue的内置组件，可以在组件切换时保持内存中的状态，防止DOM被重复渲染。这就是问题所在。

解决方法：

使用Vue组件切换激活的进程挂钩(激活保持活动组件时调用)，而不是安装挂钩：

Scriptexportdefault {//.activated:function () {this。getcase()} }/keep-alive组件的脚本挂钩：https://cn.vuejs.org/v2/api/#activated

上述Vue路由切换时页面内容不重载的解决方案，就是边肖分享给大家的全部内容。希望能给大家一个参考，多多支持我们。