如何通过Vue监听浏览器返回键实现页面路由跳转？

本文共计447个文字，预计阅读时间需要2分钟。

今天测试报告告诉我有个bug，说点击浏览器返回按钮时，数据展示的不对。我查了半天原因：需要监听浏览器的回退按钮，并阻止默认事件。具体操作方法如下：

1.挂载完成，判断浏览器是否回退；

2.监听回退按钮，并阻止默认事件。

今天测试给我报了个bug说点击浏览器返回页数据显示的不对，我查了半天原因：需要监听浏览器的回退按钮，并阻止其默认事件。

具体操作方法如下：

1、挂载完成后，判断浏览器是否支持popstate

mounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popstate', this.cancel, false); } },

2、页面销毁时，取消监听。