又遇到了页面缓存不刷新,导致操作有问题,记录一下终极解决办法。
1、首先:App.vue页面中 添加如下代码
<template> <div id="app"> <!-- 引入页面刷新 --> <router-view v-if="isRouterAlive"></router-view> </div> </template> <script> export default { name: "app", provide() { return { reload: this.reload, }; }, data() { return { isRouterAlive: true, }; }, methods: { reload() { this.isRouterAlive = false; this.$nextTick(function () { this.isRouterAlive = true; }); }, } }, }; </script>
2、在需要刷新的页面引入如下代码
export default { inject:['reload'], }
3、在需要刷新页面的方法中使用如下代码
this.reload()