Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Vue cli中的浏览器后退按钮上进行分页和内容呈现?_Javascript_Vue.js_Vue Router_Vue Cli - Fatal编程技术网

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

Javascript 如何在Vue cli中的浏览器后退按钮上进行分页和内容呈现?,javascript,vue.js,vue-router,vue-cli,Javascript,Vue.js,Vue Router,Vue Cli,我正在尝试在Vue.js CLI表中使用分页和我有API后端的页面以及所有内容。 现在我有了带有“?page=1”的URL,我希望当我点击浏览器后退按钮时,我的表格和分页在同一页面上呈现什么是URL。现在浏览器上的“后退”按钮仅更改URL,但内容保持不变。 但我听说Vue路由器有一个全局修复程序,有人知道怎么做吗?您可以在路由上设置一个观察者: computed : { page () { return this.$route.params.page } }, watch : {

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

您可以在路由上设置一个观察者:

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


你可以在路线上安排一个观察者:

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


我不确定这是否就是你所说的,但在他们的文章中,他们谈到了Vue路由器,如果使用相同的组件,它并不总是能够察觉到变化。您可以通过向路由器视图添加一个值为$route.path的键来处理它。然后,对路径的任何更改都将触发组件的重新加载。

我不确定这是否是您所说的,但在本文中,他们谈到了Vue路由器,如果使用相同的组件,则不一定会注意到更改。您可以通过向路由器视图添加一个值为$route.path的键来处理它。然后,对路径的任何更改都将触发组件的重新加载。

是的,我知道watch有全局修复,但vue router有全局修复,但我不知道如何做……是的,我知道watch有全局修复,但vue router有全局修复,但我不知道如何做……我找到了如何做的方法,我只需要添加到路由器视图:key=“this.$route.fullPath”解决我的浏览器备份问题我找到了解决方法我只需要添加到路由器视图:key=“this.$route.fullPath”解决我的浏览器备份问题这个问题类似于这个问题类似于这个