应用笔记 · 2023年4月29日

Vue3 路由跳转后强制刷新页面

Vue3路由机制的默认行为是,初次加载PageA,PageA刷新;PageA->PageB, PageB会刷新;PageB返回PageA,如果开启了Keep-Alive,将不自动刷新。

以下方法在路由push后强制刷新:

注意,这种方式相当于window.reload,整页刷新,效率低且体验不好。

还有一种办法是在rootview上加key,这种方式体验较好。

在需要强制刷新的push页面,带一个随机数参数