当前位置: 首页 > Web前端 > HTML

vue项目中刷新当前页面的三种方式

时间:2023-03-28 20:03:01 HTML

1:最直接的刷新整个页面:location.reload()this.$router.go(0)这两种都可以刷新当前页面。ctrl+F5强制刷新,整个页面重新加载,会出现瞬间空白页面,体验不好。翻回空白页内容supplierAllBack.vue:该方法与第一种方法相比,暂时不会出现空白页,但是地址栏切换过程很快,可以使用三个方法:提供/inject组合方法是我试过的最实用的,下面用项目截图给大家讲解一下:首先,你需要修改你的app.vue,声明reload方法来控制显示或者隐藏router-view的,从而控制页面的重新加载,这里定义isRouterAlive//true或者false来控制然后在需要当前页面的页面注入App.vue组件提供的reload依赖(provide)refresh,然后直接用this.reload调用