阻止页面回退,回退时并执行相应的操作

简介: 直接公布代码
history.pushState(null, null, document.URL)
window.addEventListener(
  'popstate',
  () => {
    // 在这个可以添加条件判断
    isList.value = true
  },
  false
)


目录
打赏
0
0
0
0
6
分享
相关文章
Vue中如何设置在执行删除等危险操作时给用户提示(二次确认后执行对应的操作)
这篇文章介绍了在Vue项目中如何实现执行删除等危险操作时的二次确认机制,使用Element UI的`el-popconfirm`组件来弹出确认框,确保用户在二次确认后才会执行删除操作。
Vue中如何设置在执行删除等危险操作时给用户提示(二次确认后执行对应的操作)
弹框下次触发时还保留上次的触发条件
弹框下次触发时还保留上次的触发条件
2715. 执行可取消的延迟函数
2715. 执行可取消的延迟函数
59 0
页面运行中事件频繁触发会阻塞页面吗?
之前看`防抖`和`节流`的时候,看到短时间内大量的事件触发会引起浏览器卡死,浪费浏览器性能,那么为什么事件触发会引起阻塞页面的情况呢?引起页面阻塞的原因真的是因为事件触发太多了吗?
git命令回滚撤销自己的错误覆盖提交
git命令回滚撤销自己的错误覆盖提交
130 0
前端工作总结127-删除做个判断操作 成功删除 取消取消
前端工作总结127-删除做个判断操作 成功删除 取消取消
102 0
Git版本控制系统回退操作(五)
Git版本控制系统回退操作 1.工作区回退 1)在file1文件中随便写点内容
277 0
Git版本控制系统回退操作(五)
SAP 操作,弹出报错 - 已根据规则拒绝服务器触发的操作,是否要查看上个通讯步骤中触发的操作列表 -
SAP 操作,弹出报错 - 已根据规则拒绝服务器触发的操作,是否要查看上个通讯步骤中触发的操作列表 -
SAP 操作,弹出报错 - 已根据规则拒绝服务器触发的操作,是否要查看上个通讯步骤中触发的操作列表 -
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等