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)
}
}