Vue使用this.$router.back()或go(-1)无效，页面不跳转？

Question

在vue项目中使用this.$router.go(-1)返回上一页时，发现有时候该功能是正常的，有时候，路由改变了，但页面依旧停留在当前界面。

this.$router.go(-1) 改成 this.$router.back() 后也不行

Answer 1

Vue 组件可能被缓存，导致页面内容没有更新。可以在组件中使用 beforeRouteUpdate 钩子来监听路由变化，并手动更新组件内容。

// 在组件中监听路由变化
beforeRouteUpdate (to, from, next) {
  // 手动更新组件内容
  this.updateComponentContent();
  next();
},

methods: {
  updateComponentContent() {
    // 更新组件内容的逻辑
  }
}