第二次进入页面时,页面路由参数发生变化,但页面内容不会刷新。
问题原因:在组件挂载钩子中调用的刷新页面内容,但是测试发现钩子没有被调用。后来发现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路由切换时页面内容不重载的解决方案,就是边肖分享给大家的全部内容。希望能给大家一个参考,多多支持我们。