当前位置: 首页 > news >正文

element-plus 解决el-dialog背后的页面滚动问题,及其内容有下拉框出现错位问题

这个问题通常是因为 el‑dialog 默认会锁定 body 的滚动(通过给 body 添加隐藏滚动条的样式),从而导致页面在打开对话框时跳转到顶部。解决方法是在使用 el‑dialog 时禁用锁定滚动功能。

<el-dialogv-model="dialogVisible":lock-scroll="false"title="示例对话框"width="50%"><!-- 对话框内容 -->
</el-dialog>

加上:lock-scroll="false"即可

但是当里面的内容有下拉选择的组件的情况,里面的组件点击出来后会错位,只要在组件上挨个加上 :teleported="false"即可

<el-select v-model="recordForm.relation" :teleported="false"><el-optionv-for="item in case_relation":label="item.label":value="item.value"></el-option></el-select>

http://www.lryc.cn/news/535814.html

相关文章:

  • MT6835 21位 磁编码器 SPI 平台无关通用驱动框架 STM32
  • vue REF 和 Reactive区别、特点、优势
  • Elastic Cloud Serverless 现已在 Microsoft Azure 上提供技术预览版
  • Spring Boot + MyBatis Field ‘xxx‘ doesn‘t have a default value 问题排查与解决
  • kafka的架构和工作原理
  • 游戏引擎学习第100天
  • 机器学习:朴素贝叶斯分类器
  • 打开Visual Studio Code的时候发现未检测到适用于linux的windows子系统,那么该问题要如何解决?
  • 力扣24题——两两交换链表中节点
  • android launcher拖动图标释放错位
  • window ssh免密码输入
  • 2024年博客之星年度评选—主题文章创作评审文章得分公布
  • vscode插件Remote - SSH使用教程
  • 自学人工智能大模型,满足7B模型的训练和微调以及推理,预算3万,如何选购电脑
  • github不翻墙就可以访问
  • 十大知识领域中涉及到的工具与技术(三)
  • 在nodejs中使用RabbitMQ(三)Routing、Topics、Headers
  • 设计模式全解(含代码实例)
  • springboot019-爬虫基于网页开发和数据抓取技术的在线新闻聚合平台的设计与实现
  • #渗透测试#批量漏洞挖掘#LiveBos UploadFile 任意文件上传漏洞
  • 【分布式架构理论3】分布式调用(1):负载均衡
  • 如何安装和运行Zonos:详细步骤指南
  • docker学习---第3步:docker实操大模型
  • 记录第一次在windows环境编译libuvc库 踩的坑
  • 快速集成DeepSeek到项目
  • 基础连接已经关闭: 服务器关闭了本应保持活动状态的连接
  • [前端] axios网络请求二次封装
  • 本地部署DeepSeek Nodejs版
  • 【PL/SQL】常用操作复习20250212
  • vue3-02基础认识vue3中main.js入口文件,app.vue(不存在唯一根节点),扩展程序vue-devtools安装