vue-router back（）无效

Posted 2021-05-07

我为Chrome创建了一个扩展程序，我在其中使用了Vue和Vue-router。

要浏览页面我使用router.push()，它工作正常。问题是我没有回归过渡。

<template>
<a href="#" class="left" @click="back">
  <i class="icon-fontello-left"></i>
</a>
</template>
<script>
export default {
  methods: {
    back(){
      console.log('back click, current', this.$router.currentRoute);
      this.$router.back();
    }
  }
}
</script>

当我点击控制台back click, current Object {name: undefined, meta: Object, path: "/settings", hash: "", query: Object…}时，但没有发生转换，也没有错误。

我尝试了不同的选择：

this.$router.back()
this.$router.go(-1)

但它们都不起作用

版本：

"vue-router": "^2.7.0",
"vue": "^2.4.1"

答案

您是否尝试过手动操作历史API以查看会发生什么？

https://developer.mozilla.org/en-US/docs/Web/API/History_API

您似乎也可能需要设置权限：

https://developer.chrome.com/extensions/history我不确定那个，但可能有助于阅读它。