点击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 小时前
Vue3源码精读04:Scheduler 调度器深度解析|异步批量更新与任务队列源码全解
前端·vue.js
开开心心就好5 小时前
手机悬屏翻译工具外语游戏漫画APP全覆盖
android·前端·javascript·python·游戏·pdf·html
光影少年6 小时前
react navite封装一个RN 通用按钮组件
前端·javascript·react native·react.js·前端框架
独立开发之道6 小时前
【three.js教程】Three.js 矩阵变换:position/quaternion/scale 和 matrix 到底怎么配合
开发语言·javascript·矩阵
nicole bai6 小时前
dialog封装
前端·javascript·vue.js
我命由我123457 小时前
JS Mock(Mock 拦截请求的前提、Mock 使用、关闭 Mock)
开发语言·前端·javascript·前端框架·html·html5·js
开开心心就好7 小时前
手机精确倒计时工具悬浮窗口秒数实时显示
android·前端·javascript·jupyter·智能手机·pdf·html
索西引擎7 小时前
【Vue】Vue.js 3 声明式渲染架构的设计原理与模块协同机制研究
前端·javascript·vue.js
mayaairi9 小时前
Vue2 事件绑定完全指南:从入门到原理
前端·javascript·vue.js