vue实现F5刷新整个页面无空白无间隔时间
vue实现F5刷新整个页面无空白无间隔时间通过this.$router.go(0)刷新页面,和F5一样,会有空白页时间,体验不好。通过provide/inject即可改变这种效果。首先在App.vue里面:<template><div id="app"><router-view v-if="isRouterAlive" />&...
·
vue实现F5刷新整个页面无空白无间隔时间
通过
this.$router.go(0)
刷新页面,和F5一样,会有空白页时间,体验不好。通过provide/inject
即可改变这种效果。
- 首先在App.vue里面:
<template>
<div id="app">
<router-view v-if="isRouterAlive" />
</div>
</template>
<script>
export default {
name: "App",
data() {
return {
isRouterAlive: true
};
},
provide() {
return {
reload: this.reload
};
},
methods: {
reload() {
this.isRouterAlive = false;
this.$nextTick(() => {
this.isRouterAlive = true;
});
}
}
};
</script>
<style></style>
2. 然后在具体页面中加上inject配置,具体如下:
inject: ['reload'],
this.reload();
更多推荐
已为社区贡献14条内容
所有评论(0)