又遇到了页面缓存不刷新,导致操作有问题,记录一下终极解决办法。
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()
4、打完收工!