Vue-Router：$router.go(-1) 在 Safari 中不起作用

Question

我在App.vue中有以下设置：

<top-nav></top-nav>
<main>
    <router-view v-bind="{isOnline}"></router-view>
</main>

在top-nav的js中，我有goBack方法：

methods: {
    goBack() {
        this.$router.go(-1);
    },
    ...
},

这在Chrome和Internet Explorer中工作得很好，而不是Safari。在该.go(-1)行上调试和设置断点时，它会命中断点，一切看起来都很好(没有未定义的内容(。不过，导航调用尚未完成。

这在移动设备和桌面设备上都不起作用。我以为 Safari 支持历史记录 API？

Answer 1

我发现我用于返回的图标被包装在一个带有一组href属性的锚标签中。

<a v-if="showBackButton" href="#" @click="goBack">
    <i class="icon icon-200-chevron-left-small"></i>
    <p>back</p>
</a>

溶液：

将锚标记更改为范围或其他内容，当然还要删除 href 属性。