2024-08-26 由前端框架设定导致的页面缓存难以清除?可使用window.location.reload()来重载一遍页面即可。(没有使用到诸如keep-alive之类的页面缓存api)
window.location.reload()可不会管你什么框架设定,直接强制重载,不过坏处就是体验不是很好。
也许在vue中,你会用router.go(0),这也可以让页面重载,但最可靠的还是window.location.reload()。
========================== 2024-09-24 ==========================
别再用上面那种方法了!听我的,给页面跳转路径加上时间戳即可完美解决这种问题!
比如:
router.push({
name: "goods",
query: {
time: new Date().getTime()
}
});
出现缓存的原因:大概率是启用了keep-alive,而我的vue3项目中并没有用到也出现了这种情况,连onMounted钩子都没有触发。
keep-alive不会切底销毁组件,而是会复用组件,这会导致页面没有触发生命周期的某些钩子。
参考文档:https://blog.csdn.net/feiying0canglang/article/details/126312672

浙公网安备 33010602011771号