vue.js - 如何使用 vue 组件禁用浏览器上的后退按钮？

Question

我的 vue 组件是这样的:

<template>
    <span class="rating">
        ...
    </span>
</template>
<script>
    export default {
        props: {
            'star': null
        }, 
        ...
    }
</script>

如果组件正在运行，我想禁用浏览器中返回的按钮。所以用户无法返回到上一页

我该怎么做？

Answer 1

尝试这个脚本，添加到您创建 vue 实例的 html 文件中

history.pushState(null, null, location.href);
window.onpopstate = function () {
    history.go(1);
};