首页 >web前端 >Vue.js >vue.js怎么刷新页面

vue.js怎么刷新页面

coldplay.xixi
coldplay.xixi原创
2020-11-10 14:47:167690浏览

vue.js刷新页面的方法:1、直接整个页面重新刷新,代码为【location. reload()】;2、新建一个空白页面【supplierAllBack.vue】,点击确定的时候跳转到这个空白页,再立马跳转回来。

vue.js怎么刷新页面

【相关文章推荐:vue.js

vue.js刷新页面的方法:

1、最直接整个页面重新刷新:

3f14fa4b5b8198ecca075b855b7a88d.png

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

这两种都可以刷新当前页面的,缺点就是相当于按ctrl+F5 强制刷新那种,整个页面重新加载,会出现一个瞬间的空白页面,体验不好

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

c17f7873f07ef6b09f3ba8432660727.png

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

246111c0f4cef532899ebe92d16cb3d.png

这个方式,相比第一种不会出现一瞬间的空白页,只是地址栏有个快速的切换的过程,可采用

3、provide / inject 组合 方式是我试过最实用的,下面用项目截图给大家说明下:首先,要修改下你的app.vue

448a72649761700719d0bd2d0969ec0.png

通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了

isRouterAlive //true or false 来控制

然后在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,然后直接用this.reload来调用就行

3f75c4f4a1eb4eafa77e429e5b39a7d.png

相关免费学习推荐:JavaScript(视频)

以上是vue.js怎么刷新页面的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn