当前位置: 首页 > 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"
   }
  }
http://www.dtcms.com/a/27338.html

相关文章:

  • 计算机三级网络技术知识汇总【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页面
  • Redis 持久化:从零到掌握
  • 低代码与 Vue.js:技术选型与架构设计
  • 【力扣Hot 100】栈
  • springboot使用XxlJob定时任务框架
  • 【ISO 14229-1:2023 UDS诊断(ECU复位0x11服务)测试用例CAPL代码全解析①】
  • 深入理解JavaScript中的异步编程与Promise
  • DeepSeek崛起:如何在云端快速部署你的专属AI助手
  • 健康养生:从生活细节开启活力之旅
  • 大模型WebUI:Gradio全解11——使用transformers.agents构建Gradio UI(2)
  • 【赵渝强老师】Spark RDD的缓存机制