首页 > web前端 > Vue.js > 正文

vue.js怎么刷新页面

coldplay.xixi
发布: 2020-11-17 17:06:44
原创
7616 人浏览过

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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板