点击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"
   }
  }
相关推荐
FlyWIHTSKY14 分钟前
vue2和vue3有什么区别,用法上有哪些区别
前端·javascript·vue.js
程序员大阳1 小时前
副队长JavaScript教程(66)-本地存储实战:待办事项网页的开发
javascript·json·实战·待办事项·本地存储·案例
Dream-Y.ocean2 小时前
鸿蒙PC平台逻控 PLC 编辑器适配实战:基于 Electron 壳方案的纯 JavaScript 梯形图编程与仿真引擎开发
javascript·编辑器·harmonyos
前端小D4 小时前
JS核心底层
前端·javascript
Dovis(誓平步青云)5 小时前
启元 T1 Pro 人机相声搭档:语音-触摸双通道的启元机器人节奏引擎设计
开发语言·前端·javascript·microsoft·交互
ruanno_top5 小时前
能点,但 Tab 不到:两个组件把「可操作」做了一半
vue.js
爱吃烧烤的技术渣5 小时前
别再手写 CRUD 了:我把 Element Plus 的工作量压缩成一份列 schema
前端·vue.js
codeejun6 小时前
每日一Go·MySQL-11、覆盖索引 & 回表原理
javascript·数据库·mysql
用户298698530146 小时前
React 前端将 Excel 工作表导出为图片的技术实践
javascript·react.js·excel
徐小夕7 小时前
万字长文!DeepSeek Super-agent × 企业知识库架构深度拆解与落地实践
前端·vue.js·github