关于前端:vue项目刷新当前页面的三种方法

51次阅读

共计 444 个字符,预计需要花费 2 分钟才能阅读完成。

一:最间接整个页面从新刷新:

location. reload()
this.$router.go(0)

这两种都能够刷新以后页面的,毛病就是相当于按 ctrl+F5 强制刷新那种,整个页面从新加载,会呈现一个霎时的空白页面,体验不好

二:新建一个空白页面 supplierAllBack.vue,点击确定的时候先跳转到这个空白页,而后再立马跳转回来

空白页 supplierAllBack.vue 外面的内容:

这个形式,相比第一种不会呈现一瞬间的空白页,只是地址栏有个疾速的切换的过程,可采纳

三:provide / inject 组合 形式是我试过最实用的,上面用我的项目截图给大家阐明下:首先,要批改下你的 app.vue

通过申明 reload 办法,管制 router-view 的显示或暗藏,从而管制页面的再次加载,这边定义了isRouterAlive //true or false 来管制

而后在须要以后页面刷新的页面中注入 App.vue 组件提供(provide)的 reload 依赖,而后间接用 this.reload 来调用就行

正文完
 0