点击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 分钟前
Vue 前端大屏做多端屏幕适配时,如何让其自动适配多种不同尺寸的屏幕?
前端·javascript·vue.js
ooolmf9 分钟前
matlab2024读取温度01
java·前端·javascript
席之郎小果冻21 分钟前
【03】【创建型】【聊一聊,单例模式】
开发语言·javascript·单例模式
前端老曹1 小时前
vue3 三级路由无法缓存的终极解决方案
前端·javascript·vue.js·vue
ghfdgbg1 小时前
15. Vue工程化 + ElementPlus
前端·javascript·vue.js
古城小栈1 小时前
JS 中有 undefined 和 null 两个空值,还有谁!
javascript·ecmascript
疯笔码良1 小时前
Vue + Echarts 实现科技感数据大屏
vue.js·echarts
一 乐1 小时前
心理健康管理|基于springboot + vue心理健康管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
前端小端长2 小时前
深入理解Composition API与Vue3.0响应式原理
开发语言·javascript
计算机毕设VX:Fegn089510 小时前
计算机毕业设计|基于springboot + vue图书商城系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计