H5新增了属性/方法/事件:
- history.state 属性用来保存记录对象;
- history.pushState() 向浏览器的历史记录中添加一个状态;
- history.replaceState() 修改当前历史记录实体;
- popstate事件 - 当活动历史记录条目更改时,将触发
根据H5新增就可以实现禁用效果:
mounted () {
// 禁用浏览器返回键
history.pushState(null, null, document.URL);
window.addEventListener('popstate', this.disableBrowserBack);
},
methods: {
disableBrowserBack() {
history.pushState(null, null, document.URL);
}
}
destroyed() {
// 清除popstate事件 否则会影响到其他页面
window.removeEventListener("popstate", this.disableBrowserBack, false);
}