Vue项目中在当前页面点击原生返回按钮不走历史路由直接回退（或者别的操作）

1、挂在完成后，判断浏览器是否支持popstate
mounted(){
   if (window.history && window.history.pushState) {
  history.pushState(null, null, document.URL);
  window.addEventListener('popstate', this.cancel, false);
 }
 },
 2、页面销毁时，取消监听。否则其他vue路由页面也会被监听
 destroyed(){
window.removeEventListener('popstate', this.cancel, false);
}
3、将监听操作写在methods里面，removeEventListener取消监听内容必须跟开启监听保持一致，所以函数拿到methods里面写
cancel: function() {
  if(this.orderId){
    this.$router.push({
     name:"orderList",
     params: {id:this.orderId},
       });
  }else{
  this.$router.go(-1);
  }
 },