H5中止页面返回操作，多用于用户退出页面，提示弹窗确认不保存数据返回

革履西装

已于 2022-07-31 12:25:21 修改

阅读量1k

点赞数

文章标签： javascript 开发语言 ecmascript

于 2022-07-17 20:22:14 首次发布

本文链接：https://blog.csdn.net/weixin_53641562/article/details/125836435

版权

window.history.pushState(null, null, '#')
window.addEventListener('popstate', function () {
    window.history.pushState(null, null, '#')
})

mounted() {
    const that = this
    window.history.pushState(null, null, '#')
    window.addEventListener('popstate', function () {
      window.history.pushState(null, null, '#')
      that.fn()
    })
},
// 这里限制返回必须写在create声明周期或者mounted声明周期
that.fn()是一个方法，可以做返回拦截，比如封装一个弹窗，对用户返回操作进行提示

Vue代码块中还可以这样做，做拦截