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

Question

我正在尝试在Vue.js CLI表中使用分页和页面制作API后端以及所有内容。现在，我的URL带有“？page = 1”，并且当我单击浏览器后退按钮时，我希望表和分页在同一页面上呈现什么是URL。现在，在浏览器的“后退”按钮上，仅URL更改，但内容保持不变。但是我听说Vue路由器有一个全局修复程序，是否有人知道该怎么做？

Answer 1

我不确定这是否是您在说的，但是在this vue school video中，他们谈论的是Vue路由器在使用相同组件的情况下并不总是接管更改。您可以通过将一个值为$ route.path的密钥添加到路由器视图中来进行处理。然后，路径的任何更改都会触发该组件的重新加载。

Answer 2

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

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