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

点击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.kler.cn/a/550729.html

相关文章:

  • Hadoop 基础原理
  • 长视频生成、尝试性检索、任务推理 | Big Model Weekly 第56期
  • zola + github page,用 workflows 部署
  • 《深度学习》—— DataLoader数据处理、transforms
  • 【AI工具之Deepseek+Kimi一键免费生成PPT】
  • PaddlePaddle的OCR模型转onnx-转rknn模型_笔记4
  • 小爱音箱连接电脑外放之后,浏览器网页视频暂停播放后,音箱整体没声音问题解决
  • RDBMS 和 NoSQL 的比较
  • 软硬链接?
  • 【HarmonyOS之旅】基于ArkTS开发(三) -> 兼容JS的类Web开发(四) -> 常见组件(二) -> tabs
  • webpack 项目优化(一)
  • 大数据SQL调优专题——Spark执行原理
  • (arxiv2411) CARE Transformer
  • BERT 模型在法律文本分析中的应用:AI 能做你的律师吗?
  • CentOS 7.8 安装MongoDB 7 副本集(Replica Set)
  • Chrome 的 API moveBefore() 与 insertBefore() 的对比
  • x265 编码器 NALU 序列化处理过程详细分析
  • Linux---软连接与硬链接
  • 《早报定时任务 Docker 镜像调试与部署文档》
  • JavaScript设计模式 -- 状态模式