vue-router back()无效

时间:2017-12-19 08:05:40

标签: vue.js vue-router

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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