如何在 Vue cli 中的浏览器后退按钮上进行分页和内容呈现？

Question

我正在尝试在 Vue.js CLI table 中制作分页和页面我有 API 后端和一切。现在我有 URL 和“?page=1”，当我单击浏览器后退按钮时，我想要我的 table 和分页在同一页面上呈现什么是 URL。现在浏览器后退按钮只有 URL 改变，但内容保持不变。但我听说 Vue 路由器有一个全局修复程序，有人知道该怎么做吗？

Answer 1

您可以在路线上放置观察者：

computed : {
  page () {
    return this.$route.params.page
  }
},
watch : {
  page (val) {
    updateContent(val)
  } 
},
mounted () {
  updateContent(this.page)
}

Answer 2

我不确定这是否是您在谈论的内容，但在 this vue school video 他们谈到如果使用相同的组件，Vue Router 并不总是接受更改。您可以通过向路由器视图添加一个值为 $route.path 的键来处理它。然后对路径的任何更改都会触发组件的重新加载。

如何在 Vue cli 中的浏览器后退按钮上进行分页和内容呈现？

How to make pagination and content render on browser back button in Vue cli?

javascript

vue.js

vue-router

vue-cli