1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue刷新当前页面且页面不闪烁

vue刷新当前页面且页面不闪烁

时间:2023-09-06 00:45:02

相关推荐

vue刷新当前页面且页面不闪烁

方式一:

location.reload()

方式二:

在需要刷新的地方直接使用vue的路由跳转

this.$router.go(0)

方式三:(推荐此方式,因为此方法不会出现短暂闪烁的空白页)

第一步:App.vue页面

<template><div id="app"><div class="container">//一定要加v-if,否则无法实现<router-view v-if="isRouterAlive"></router-view></div></div></template><script>export default {name: 'App',provide () { //父组件中通过provide来提供变量,在子组件中通过inject来注入变量return {reload: this.reload}},data(){return{isRouterAlive: true}},methods:{reload(){this.isRouterAlive = false;this.$nextTick(function(){this.isRouterAlive = true;})}}}</script>

第二步:在需要刷新的页面导入并使用

export default {inject:['reload'],//需要刷新的地方引入即可,比如下面的方法methods:{testHandler(){this.reload();}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。