当前位置: 首页 > news >正文

点击el-dialog弹框跳到其他页面浏览器的滚动条消失了多了 el-popup-parent--hidden

点击el-dialog弹框跳到其他页面浏览器的滚动条消失了在这里插入图片描述
在使用 el-dialog 弹框时,Element Plus 会在弹框打开时自动给 body 添加 el-popup-parent–hidden 类,以隐藏滚动条。如果在跳转到其他页面时滚动条没有恢复,可能是因为 el-dialog 没有正确关闭,或者 el-popup-parent–hidden 类没有被移除。
解决办法:
1.关闭弹框dialog.value = false
2.去除el-popup-parent--hidden 类 确保跳转到其他页面恢复 body 的滚动样式
3.直接在body上加overflow :"auto"

function goCourseDetail(item) {
  // dialog.value = false;
  // document.body.classList.remove('el-popup-parent--hidden')
   document.body.style.overflow = "auto"
  router.push({
     path:"/index"
   }
  }

相关文章:

  • 计算机三级网络技术知识汇总【3】
  • matplotlib 如何是的横坐标纵向显示
  • 【postgresql初级使用】逻辑复制是对数据库对象进行复制,非常灵活的完成数据归集与分发
  • 驱动开发系列37 - Linux Graphics 2D 绘制流程(二)- 画布创建和窗口关联
  • AI、Java、C++、C#等技术学习资源链接汇总
  • SpringBoot 排除一些包的注入
  • 如何使用 Flutter DevTools 和 PerformanceOverlay 监控性能瓶颈
  • 关于Unity的一些基础知识点汇总
  • 网络原理-HTTP/HTTPS
  • 基于ffmpeg+openGL ES实现的视频编辑工具-整体开发思路介绍(二)
  • golang中数组和slice的区别及使用
  • 【随缘更新】chromedriver驱动下载,Selenium自动化操作Chrome(最新版133.0.6943.60)
  • 全能笔记协作工具 Notion:重新定义效率与创造力(附安装包)
  • CSDN文章质量分查询系统【赠python爬虫、提分攻略】
  • Linux学习笔记之环境变量
  • open-webui安装
  • 简单易懂,解析Go语言中的Channel管道
  • SIM盾构建安全底座的可行性分析
  • 数据结构《图》
  • 隐藏或禁用onlyoffice的welcome页面
  • 看展览|2025影像上海艺博会:市场与当代媒介中的摄影
  • 协会:坚决支持司法机关依法打击涉象棋行业的违法行为
  • 迪拜金融市场CEO:2024年市场表现出色,超八成新投资者来自海外
  • 巴基斯坦称约50名印度士兵在克什米尔实控线丧生
  • 视频丨习近平同普京会谈:共同弘扬正确二战史观,维护联合国权威和地位
  • 上海充电桩调研:须全盘考量、分步实现车网互动规模化