只需3步即可监听物理返回键:

1.mounted中注册监听方法:
 

//监听返回键
if (window.history && window.history.pushState) {
  history.pushState(null, null, document.URL);
  window.addEventListener('popstate', this.backButton, false);//false阻止默认事件 
}

2.methods中写方法的实现:
 

backButton () {//点击返回键时实现的业务逻辑
  //this.$parent.showWodeanjian = true;
  //this.$parent.showAnjianxiangqing = false;
},


3.在destroyed中写:(退出页面时销毁监听事件,防止其他页面使用)

 destroyed () {
    window.removeEventListener('popstate', this.backButton, false);//false阻止默认事件
  },


 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐