如何用Vue监听浏览器返回按钮实现长尾词路由跳转？

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

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

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

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

具体操作方法如下：

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

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

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