vue项目中利用popstate处理页面返回操作
Posted pwei
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue项目中利用popstate处理页面返回操作相关的知识，希望对你有一定的参考价值。
需求背景：项目中需要做一个返回确认，避免用户误触返回键而退出当前页面。
原理：利用history和浏览器刷新popstate状态
实现：
1、在mounted() 阶段判断并添加popstate事件监听，History.pushState()（参数：一个状态对象，一个标题（现在被忽略了），以及一个可选的URL地址）
2、在methods里定义监听操作函数
3、页面销毁时，取消监听。（注意：一定要取消监听，否则其他vue路由页面也会被监听）
以上是关于vue项目中利用popstate处理页面返回操作的主要内容，如果未能解决你的问题，请参考以下文章
vue-v-model 双向绑定-编辑弹框修改数据后页面数据跟着更改（取消弹框操作也已经被修改数据），利用 Object.assign解决对象引用同址问题