点击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"
   }
  }
相关推荐
心宽体胖连壮实5 分钟前
记录一次 MarchingSquaresJS 使用经历
vue.js
烛阴7 分钟前
面试必考!一招教你区分JavaScript静态函数和普通函数,快收藏!
前端·javascript
JiangJiang13 分钟前
🚀 React 弹窗还能这样写?手撸一个高质量 Modal 玩起来!
前端·javascript·react.js
吃炸鸡的前端27 分钟前
el-transfer穿梭框数据量过大的解决方案
前端·javascript
Monly211 小时前
vue报错:Loading chunk * failed,vue-router懒加载出错问题。
前端·javascript·vue.js
大名人儿1 小时前
【JS事件循环机制event-loop】
javascript·事件循环·宏任务·微任务·event-loop
薛定谔的猫21 小时前
Composition API的深入理解与最佳实践
前端·vue.js
天天扭码2 小时前
JavaScript 中 apply 和 call 方法的区别与应用场景
前端·javascript·面试
parade岁月2 小时前
TypeScript 全局类型声明文件规范性分析与归纳
前端·vue.js·typescript
纪元A梦2 小时前
华为OD机试真题——阿里巴巴找黄金宝箱Ⅰ(2025A卷:100分)Java/python/JavaScript/C/C++/GO最佳实现
java·c语言·javascript·c++·python·华为od·go