我们有路由器吗。在vue路由器中重新加载？

Question

我在这个拉请求中看到：

>

重新加载当前路径并再次调用数据钩子

但是当我尝试从Vue组件发出以下命令时：

this.$router.reload()

我得到这个错误：

uncaughttypeerror：这是一个错误$路由器。重新加载不是一项功能

我搜索了文档，但没有找到任何相关的内容。vue/vue路由器是否提供类似的功能？

我感兴趣的软件版本有：

"vue": "^2.1.0",
"vue-router": "^2.0.3",

另外，我知道的位置。reload（）是备选方案之一，但我正在寻找本机Vue选项。

Answer 1

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

Vue路由器文档：

我在GitHub上检查了vue路由器repo，似乎再也没有reload（）方法了。但在同一个文件中，有：currentRouteobject。

来源：vue路由器/src/index。js
文档：文档

get currentRoute (): ?Route {
    return this.history && this.history.current
  }

现在您可以使用这个$路由器。转到（this.$router.currentRoute）重新加载当前路由。

简单的例子。

此答案的版本：

"vue": "^2.1.0",
"vue-router": "^2.1.1"

Answer 2

最简单的解决方案是添加一个： key属性到：

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

这是因为如果正在处理相同的组件，Vue路由器不会注意到任何更改。使用密钥，对路径的任何更改都将触发使用新数据重新加载组件。

Answer 3

$router.go（）正是这样做的；如果没有指定参数，路由器导航到当前位置，刷新页面。

注意：路由器及其历史组件的当前实现没有将参数标记为可选的，但IMVHO它要么是一个bug，要么是Evan You的遗漏，因为规范明确允许它。我已经就此提交了一份问题报告。如果您真正关心当前的TS注释，只需使用等效的this$路由器。go（0）

至于为什么是这样：go在内部将其参数传递给window.history.go，因此它等于windows.history.go（）-这反过来又重新加载页面MDN文档。

注意：因为这在普通桌面（非便携式）火狐上执行“软”重载，如果你使用它，可能会出现一堆奇怪的怪癖，但事实上你需要真正的重载；使用window.location.reload（true）；（<-OP提到的plhd--1/>）可能会有所帮助——它确实解决了我在FF上的问题。