点击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"
   }
  }
相关推荐
苏_Berlvy12 分钟前
javascript中Cookie、BOM、DOM的使用
javascript
我的div丢了肿么办22 分钟前
ResizeObserver和IntersectionObserver的详细讲解
前端·javascript·vue.js
凌览22 分钟前
斩获 7k Star,这个桌宠项目火了🔥
前端·javascript·后端
JunjunZ35 分钟前
ElementUI Tree组件的父子节点联动实现
vue.js·element
^Rocky1 小时前
uniapp 实现腾讯云IM添加好友功能
javascript·uni-app·腾讯云
修仙的人1 小时前
老板:让 AI 大模型输出📊图表&🗺️地图
前端·vue.js·llm
Raink老师2 小时前
6. TypeScript 函数
前端·javascript·typescript
在半岛铁盒里2 小时前
代码填空题技术实现:突破 highlight.js 安全限制的工程实践
开发语言·javascript·highlight
WTSolutions2 小时前
探索 Excel-to-JSON:高效数据转换的利器
javascript
前端小巷子2 小时前
浏览器的组成部分与工作原理
前端·javascript·面试