点击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"
   }
  }
相关推荐
小林ixn5 分钟前
全栈项目实战:前端独立开发,不再傻等后端接口
前端·javascript·react.js
Asize11 分钟前
前端接口工程:axios + mock,前端不再傻等后端
前端·javascript
张元清11 分钟前
React useElementSize Hook:用 ResizeObserver 实时追踪元素宽高 (2026)
javascript·react.js
渣波20 分钟前
React 性能优化与状态管理双雄:useMemo 与 useReducer 深度解析
前端·javascript
渣波22 分钟前
告别 LLM 幻觉:用 Harness 工程化思维打造生产级 AI 应用
前端·javascript
cyadyx1 小时前
【vue】Pinia相对Vuex
前端·javascript·vue.js
IMPYLH2 小时前
HTML 的 <figure> 元素
前端·javascript·html
宿6742 小时前
vue3-指令和事件处理
开发语言·前端·javascript
油丶酸萝卜别吃8 小时前
utils.js 说明文档
开发语言·javascript·ecmascript
zyplayer-doc11 小时前
VuePress类静态文档站和动态知识库怎么选:两种技术路线的适用场景
javascript·人工智能·后端·安全·智能手机