点击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"
   }
  }
相关推荐
芳草萋萋鹦鹉洲哦22 分钟前
【vue】调用同页面其他组件方法几种新思路
前端·javascript·vue.js
巴啦啦臭魔仙35 分钟前
uniapp scroll-view自定义下拉刷新的坑
前端·javascript·uni-app
晨枫阳1 小时前
不同语言的元组对比
java·前端·javascript
柒儿吖2 小时前
Electron for 鸿蒙PC 窗口问题完整解决方案
javascript·electron·harmonyos
flashlight_hi2 小时前
LeetCode 分类刷题:404. 左叶子之和
javascript·算法·leetcode
木易 士心2 小时前
th-table 中 基于双字段计算的表格列展示方案
前端·javascript·angular.js
toooooop83 小时前
uniapp多个页面监听?全局监听uni.$emit/$on
前端·javascript·uni-app
爱泡脚的鸡腿4 小时前
uni-app D4 实战(小兔鲜)
前端·vue.js·架构
星火飞码iFlyCode4 小时前
iFlyCode+SpecKit应用:照片等比智能压缩功能实现
前端·javascript
广白4 小时前
钉钉小程序直传文件到 阿里云OSS
前端·vue.js·uni-app