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属性。