vue.js-vue-router中的router.reload

重新刷新当前网站/页面可以使用location.reload(),但是在Vue组件发出以下命令时:this.$router.reload(),会收到错误。

那么到底vue router究竟有没有类reload方式呢?

解决方案1:

在router-view中添加key属性

<router-view :key="$route.fullPath"></router-view>

这是因为如果寻址相同的组件,Vue Router不会注意到任何更改。 使用该键,对路径的任何更改都将触发使用新数据重新加载组件。

解决方案2:

this.$router.go(this.$router.currentRoute)

解决方案3:

就直接window.location.reload(true)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这是一篇集合了从如何查看 vue-router源码(v3.1.3),到 vue-router源码解析,以及扩展了相...
    尤小小阅读 5,614评论 2 14
  • 业务场景 应用系统中需要运用到多标签页,跟浏览器一样的效果,在新打开页面后,动态追加一个页签,点击页签可以切换系统...
    Joel_zh阅读 7,454评论 9 3
  • 路由中有三个基本的概念 route, routes, router:1, route,它是一条路由,由这个英文单词...
    Ryougi_阅读 2,981评论 0 1
  • Vue Router 基础回顾 使用步骤 首先使用 vue cli 创建一个 Vue 项目来回顾一下 vue ro...
    人人都会Web3阅读 499评论 0 2
  • 用TCP协议发送时,由于TCP是数据流协议,因此不存在包大小的限制(暂不考虑缓冲区的大小) HTTP/2 头压缩算...
    JLong阅读 514评论 0 0