vue项目中禁掉移动设备的物理返回键

vue项目中禁掉移动设备的物理返回键

created(){
	this.prohibitBackBtn ()
},
methods:{
	 prohibitBackBtn () {
	  // 判断浏览器是否支持 popstate 
	    if ( window.history && window.history.pushState) {
	        // 往历史记录里面添加一条新的当前页面的url
	        window.history.pushState(null, null, window.location.href)
	        // 给 popstate 绑定一个方法 监听页面刷新
	        window.addEventListener('popstate', this.backNative, false)
	    }
	 },
	 backNative (e) {
	    window.history.pushState(null, null, window.location.href)
	 },
},
destroyed () {
    if (window.history && window.history.pushState) {
        //页面销毁时，取消监听
        window.removeEventListener('popstate', this.backNative, false)
      }
  }