vue-router back() 不工作

Question

我为 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"

Answer 1

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

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

看来你可能还需要设置权限：

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