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

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

news 2026/2/7 13:46:28

这个问题通常是因为 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>

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

这个问题通常是因为 el‑dialog 默认会锁定 body 的滚动（通过给 body 添加隐藏滚动条的样式），从而导致页面在打开对话框时跳转到顶部。解决方法是在使用 el‑dialog 时禁用锁定滚动功能。 <el-dialogv-model"dialogVisible":lo…...

编程日记 2025/2/13 23:32:04

MT6835 21位磁编码器 SPI 平台无关通用驱动框架 STM32

MT6835 21位磁编码器 SPI 平台无关通用驱动框架 STM32 1. 获取代码：2. 加入你的项目2.1 以 STM32 为例:2.2 以 ESP-IDF 为例: 3. 对接 API3.1 以 STM32 为例： 4. 更多函数说明5. 写入 EEPROM 示例 MT6835 Framework 纯C语言实现，跨平台&…...

编程日记 2025/2/13 23:29:58

vue REF 和 Reactive区别、特点、优势

REF 和 Reactive 是两种不同的编程范式。下面是它们之间的对比以及各自的优势劣势和特点： REF（可变状态编程）： 优势： 易于理解和学习：REF 编程模型更贴近传统的命令式编程，因此对于大多数开发…...

编程日记 2025/2/13 23:27:53

Elastic Cloud Serverless 现已在 Microsoft Azure 上提供技术预览版

作者：来自 Elastic Yuvi Gupta Elastic Cloud Serverless 提供了启动和扩展安全性、可观察性和搜索解决方案的最快方法 — 无需管理基础设施。今天，我们很高兴地宣布 Microsoft Azure 上的 Elastic Cloud Serverless 技术预览版现已在美国东部地区推出。…...

编程日记 2025/2/13 23:25:48

Spring Boot + MyBatis Field ‘xxx‘ doesn‘t have a default value 问题排查与解决

目录 1. 问题所示2. 原理分析3. 解决方法1. 问题所示执行代码的时候，出现某个字段无法添加 ### Error updating database. Cause: java.sql.SQLException: Field e_f_id doesnt have a default value ### The error may exist in cn...

编程日记 2025/2/13 23:18:39

kafka的架构和工作原理

目录 Kafka 架构 Kafka 工作原理 Kafka 数据流 Kafka 核心特性总结 Kafka 架构 1. 生产者（Producer） 2. 消费者（Consumer） 3. 主题（Topic） 4. 分区（Partition） 5. 副本（Replica） 6. 代理（Broker） 7. ZooKeeper（旧版本）/KRaft（新版本） Kafka 工作…...

编程日记 2025/2/13 23:14:34

游戏引擎学习第100天

仓库:https://gitee.com/mrxiao_com/2d_game_2 昨天的回顾今天的工作重点是继续进行反射计算的实现。昨天，我们开始了反射和环境贴图的工作，成功地根据法线显示了反射效果。然而，我们还没有实现反射向量的计算，导致反射交点的代…...

编程日记 2025/2/13 23:09:29

机器学习：朴素贝叶斯分类器

贝叶斯决策论是概率框架下实施决策的基本方法,对分类任务来说,在所有相关概率都已知的理想情形下,贝叶斯决策论考虑如何基于这些概率和误判损失来选择最优的类别标记。贝叶斯定理是贝叶斯决策论的基础，描述了如何根据新的证据更新先验概率，贝叶斯定理&…...

编程日记 2025/2/13 23:02:21

打开Visual Studio Code的时候发现未检测到适用于linux的windows子系统，那么该问题要如何解决？

两个月没有使用vscode编写代码，今天使用的时候发现了以上的问题导致我的vscode无法编写程序，接下来我将本人解决该问题的思路分享给大家。首先我们要清楚WSL是适用于linux的window的子系统，是一个在Windows 10\11上能够运行原生Linux二进制可…...

编程日记 2025/2/13 22:53:11

#题目 #代码 /*** Definition for singly-linked list.* public class ListNode {* int val;* ListNode next;* ListNode() {}* ListNode(int val) { this.val val; }* ListNode(int val, ListNode next) { this.val val; this.next next; }* }*/ clas…...

编程日记 2025/2/13 22:51:09

android launcher拖动图标释放错位

由于为了设备流畅把所有动画效果设置为0.5，不设置为0是因为锁屏在开机时会有闪黑屏的现象。在此背景下，测试发现在拖动桌面图标时，在图标动画过程中错位时释放图标，则图标会留在错位的位置，不会自动对齐。原因就是动…...

编程日记 2025/2/13 22:50:02

window ssh免密码输入

生成本地公钥打开dos，使用以下命令手动生成一个公钥： ssh-keygen -t rsa Generating public/private rsa key pair. Enter file in which to save the key (C:\Users\aero/.ssh/id_rsa): Enter passphrase (empty for no passphrase): Enter same pas…...

编程日记 2025/2/13 22:45:57

2024年博客之星年度评选—主题文章创作评审文章得分公布

博客之星活动地址：https://www.csdn.net/blogstar2024 创作影响力评审入围名单：https://blogdev.blog.csdn.net/article/details/145189549 目录主题文章创作评审得分排名主题文章创作说明主题文章评选说明创作影响力评审主题文章创作评审目前排名博…...

编程日记 2025/2/13 22:41:52

vscode插件Remote - SSH使用教程

Remote - SSH 是一款非常实用的 Visual Studio Code (VSCode) 扩展插件，它允许开发者通过SSH连接到远程服务器，并像在本地一样进行代码编辑和调试。这意味着你可以直接在VS Code中打开位于远程机器上的文件夹，并利用本地安装的VS Code功能，如语法高亮、智能感知、Git集成等…...

编程日记 2025/2/13 22:40:51

自学人工智能大模型，满足7B模型的训练和微调以及推理，预算3万，如何选购电脑

如果你的预算是 3万元人民币，希望训练和微调 7B 参数规模的人工智能大模型（如 LLaMA、Mistral 等），你需要一台高性能的深度学习工作站。在这个预算范围内，以下是推荐的配置： 1. 关键硬件配置 (1) GPU (显卡…...

编程日记 2025/2/13 22:38:49

github不翻墙就可以访问

目录简介资料准备windows平台设置下载运行git设置firefox设置 ubuntu平台设置下载启动服务设置系统代理git设置firefox设置证书注意事项简介由于github访问不稳定,严重影响了国内软件开发,在网上搜索并验证了一些方法.现在整理出来一个可以正常使用的方法, 在windows和Lin…...

编程日记 2025/2/13 22:37:48

十大知识领域中涉及到的工具与技术（三）

简介整理下十大知识领域中使用到 “ 数据表现 ” 里面所包含的工具与技术，以及在那些过程中有使用。具体的一些工具与技术工具与技术—————————————描述1.亲和图用于对大量创意进行分组的技术。与心智图相似。针对某个问题，产生出可联成…...

编程日记 2025/2/13 22:35:45

在nodejs中使用RabbitMQ（三）Routing、Topics、Headers

示例一、Routing exchange类型direct，根据消息的routekey将消息直接转发到指定队列。producer.ts 生产者主要发送消息，consumer.ts负责接收消息，同时也都可以创建exchange交换机，创建队列，为队列绑定exchange&#xff…...

编程日记 2025/2/13 22:34:44

设计模式全解（含代码实例）

目录设计模式概念耦合与解耦常见-5种全部-23种创建型模式（Creational Patterns）单例模式（Singleton Pattern）工厂方法模式（Factory Method Pattern）：抽象工厂模式（Abstract Factor…...

编程日记 2025/2/13 22:32:42

springboot019-爬虫基于网页开发和数据抓取技术的在线新闻聚合平台的设计与实现

💕💕作者： 小九学姐 💕💕个人简介：十年Java，Python美女程序员一枚，精通计算机专业前后端各类框架。 💕💕各类成品Java毕设。javaweb，ssm&#xf…...

编程日记 2025/2/13 22:29:38

XML Group端口详解

在XML数据映射过程中，经常需要对数据进行分组聚合操作。例如，当处理包含多个物料明细的XML文件时，可能需要将相同物料号的明细归为一组，或对相同物料号的数量进行求和计算。传统实现方式通常需要编写脚本代码，增加了开…...

编程新知 2026/2/5 19:49:27

智慧医疗能源事业线深度画像分析（上）

引言医疗行业作为现代社会的关键基础设施，其能源消耗与环境影响正日益受到关注。随着全球"双碳"目标的推进和可持续发展理念的深入，智慧医疗能源事业线应运而生，致力于通过创新技术与管理方案，重构医疗领域的能源使用模式。这一事业线融合了能源管理、可持续发…...

编程新知 2026/2/5 4:39:34

Python：操作 Excel 折叠

💖亲爱的技术爱好者们，热烈欢迎来到 Kant2048 的博客！我是 Thomas Kant，很开心能在CSDN上与你们相遇～💖 本博客的精华专栏：【自动化测试】【测试经验】【人工智能】【Python】 Python 操作 Excel 系列读取单元格数据按行写入设置行高和列宽自动调整行高和列宽水平…...

编程新知 2026/1/30 20:05:06

条件运算符

C中的三目运算符（也称条件运算符，英文：ternary operator）是一种简洁的条件选择语句，语法如下： 条件表达式 ? 表达式1 : 表达式2• 如果“条件表达式”为true，则整个表达式的结果为“表达式1”…...

编程新知 2025/12/6 22:50:48

渲染学进阶内容——模型

最近在写模组的时候发现渲染器里面离不开模型的定义，在渲染的第二篇文章中简单的讲解了一下关于模型部分的内容，其实不管是方块还是方块实体，都离不开模型的内容 🧱 一、CubeListBuilder 功能解析 CubeListBuilder 是 Minecraft Java 版模型系统的核心构建器，用于动态创…...

编程新知 2025/11/25 22:59:17