宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

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

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

更多资讯
游戏推荐
更多+