vue 刷新页面的三种方法

1、location. reload() / this.$router.go(0)

相当于按ctrl+F5 强制刷新那种，整个页面重新加载，会出现一个瞬间的空白页面，体验不好

2、先跳到空白页面，再跳回原页面

（1）新建一个空白页面 reload.vue：

image.png

（2）需要刷新的页面，先跳转到reload.vue，再跳转回原页面，从而实现刷新（路径上带param的不能用）：

image.png
3、provide/inject组合（最优）

（1）App.vue添加provide，和data一样，返回一个对象：

image.png

（2）需要刷新的页面内注入inject依赖：

image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue刷新页面
    需求 新建和编辑都在同一个页面，当新建完成之后，弹出提示并刷新页面，获取后台的数据并在页面回显，当再次点击保存时，...
    lesdom阅读 3,396评论 1赞 1
  • vue项目中常用methods
    1、vue+axios 实现进度条 2、js更改css属性 3、监听对象中的某一属性 4、vue-router （...
    吃橙子的仓鼠阅读 6,917评论 0赞 7
  • vue 刷新当前页面或者跳转页面时候刷新
    为什么会有这篇文章1 用vue-router 重新路由的时候到当前页面的时候是不进行刷新的2 采用window.r...
    泪滴在琴上阅读 4,014评论 0赞 5
  • Vue页面刷新方法
    问题描述 今天在做毕业设计时候遇到一个问题， 当在搜索框重复搜索时，下面显示的搜索结果必须要手动刷新后才可以更新，...
    SQUA2E阅读 701评论 0赞 0
  • 2019-05-29 vue 如何刷新当前页面
    想必大家在刨坑vue的时候也遇到过下面情形：比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种...
    追寻1989阅读 557评论 0赞 0