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

2021-05-26  本文已影响0人  小懒惰的猪

重新刷新当前网站/页面可以使用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)

上一篇 下一篇

猜你喜欢

热点阅读