vue刷新当前页面
vue怎么刷新当前页面呢？不知道的小伙伴来看看小编今天的分享吧!
vue刷新当前页面有三种方法：
方法一：this.$router.go(0)
利用history 中前进和后退的功能，传入 0 刷新当前页面。但是有一个问题就是页面整个刷新过程中会白屏，严重影响用户的体验感，效果不好。
this.$router.go(0)
方法二：location.reload()
利用直接使用刷新当前页面的方法。但是同样存在有一个问题就是页面整个刷新过程中会白屏，严重影响用户的体验感，效果也是不好，和方法一的现象一直，也不推荐使用。
location.reload()
方法三：provide / inject组合
允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。
provide：选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。
inject：一个字符串数组，或一个对象，对象的 key 是本地的绑定名。
注意：provide和inject绑定并不是可响应的。这是刻意为之的。如果你传入了一个可**的对象，那么其对象的属性还是可响应的。
基本使用步骤如下：
步骤一：（App.vue）
通过 $nextTick()，协助实现。先把
步骤二：（chapter.vue）
inject: ['reload'],
步骤三：（chapter.vue）
直接this.reload()调用，即可刷新当前页面。
this.reload()// 需要刷新页面
以上就是小编今天的分享了，希望可以帮助到大家。
本站声明：本站部分文章来自网络，由用户上传分享，如若内容侵犯了您的合法权益，可联系我们进行处理。文章仅供大家学习与参考,不**本站立场。