在页面刷新时从浏览器网址中删除#id

Question

我正在使用VueJS构建多步表单，如下所示：staging.evbox.com/quote。当用户逐步浏览步骤时，我在URL中添加了步骤哈希ID，但是当用户执行页面刷新时，我想删除步骤ID。我已经尝试了以下方法，但是它不起作用。有人可以帮忙吗？

 mounted: function () {
        window.addEventListener('beforeunload', () => {
            history.pushState('', '', window.location.pathname)
        });}