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

element dialog 2层弹窗数据同步问题

news 2026/4/4 4:02:27

注意：本帖为公开技术贴，不得用做任何商业用途

element dialog 2层弹窗数据同步问题

如果嵌套dialog，也就是多层dialog嵌套

2个input，key用同样的值

会导致内外2层dialog，用相同key值的input会数据同步

原因如下：

根据elementUI的文档
在这里插入图片描述

外层本就挂载在body上，嵌套的dialog也挂载在body上了，那么就有2个相同key值的input，所以修改内层dialog的时候，外层的dialog相同key值的input就会数据同步

解决，2个input取不用的v-model值（key值）即可

比如

<el-input v-model="formData.name" placeholder="名称"></el-input>

内外2层dialog不要有相同的formData.name，或者name

相关文章：

element dialog 2层弹窗数据同步问题

注意&#xff1a;本帖为公开技术贴&#xff0c;不得用做任何商业用途 element dialog 2层弹窗数据同步问题 如果嵌套dialog&#xff0c;也就是多层dialog嵌套 2个input&#xff0c;key用同样的值 会导致内外2层dialog&#xff0c;用相同key值的input会数据同步 原因如下&a…...

编程日记 2024/11/23 6:41:16

向量数据库FAISS之五：原理(LSH、PQ、HNSW、IVF)

1.Locality Sensitive Hashing (LSH) 使用 Shingling MinHashing 进行查找 左侧是字典&#xff0c;右侧是 LSH。目的是把足够相似的索引放在同一个桶内。 LSH 有很多的版本&#xff0c;很灵活&#xff0c;这里先介绍第一个版本&#xff0c;也是原始版本 Shingling one-hot …...

编程日记 2024/11/23 6:40:15

要素市场与收入分配

生产要素与家庭收入 生产要素&#xff1a;企业用于生产产品或劳务的最初投入&#xff0c;主要分为三类&#xff1a; 劳动&#xff1a;工人的时间和技能 土地&#xff1a;代指自然资源 资本&#xff1a;指的是货币形式的资本&#xff0c;可以供企业用来购置厂房、设备等资本品…...

编程日记 2024/11/23 6:39:14

Web3的核心技术：区块链如何确保信息安全与共享

在互联网不断迭代的进程中&#xff0c;Web3被视为下一代互联网的核心发展方向&#xff0c;其目标是构建更加开放、安全、去中心化的数字生态。在这一过程中&#xff0c;区块链作为核心技术&#xff0c;为信息安全与共享提供了全新解决方案。本文将深入探讨区块链如何在Web3中实…...

编程日记 2024/11/23 6:38:13

2025蓝桥杯（单片机）备赛--扩展外设之UART1的原理与应用（十二）

一、串口1的实现原理 a.查看STC15F2K60S2数据手册: 串口一在590页，此款单片机有两个串口。 串口1相关寄存器： SCON:串行控制寄存器（可位寻址） SCON寄存器说明： 需要PCON寄存器的SMOD0/PCON.6为0，使SM0和SM1一起指定工作模式，这里选择工作模式1，REN位置1，允许接受， …...

编程日记 2024/11/23 6:36:01

Js中的常见全局函数

文章目录 1、encodeURI、decodeURI2、encodeURIComponent、decodeURIComponent3、parseInt4、parseFloat5、String6、Number7、Boolean8、isNaN、Number.isNaN()9、JSON10、toString Js内置了一些函数和变量&#xff0c;全局都可以获取使用&#xff08;本文归纳非构造函数作用的…...

编程日记 2024/11/23 6:34:57

MySQL连接查询之自连接

自连接 相当于等值连接,只不过是自己连接自己,不像等值连接是两个不同的表之间的 案例 查询员工名和他的上司的名字 select e.last_name,m.last_name from employees e, employees m #把同一张表当成两张不同表 where e.manager_id m.employee_id;...

编程日记 2024/11/23 6:33:56

Python 爬虫 （1）基础 | 基础操作

一、基础操作 1、快速构建一个爬虫 ConvertCurl&#xff1a; https://curlconverter.com/选择URL&#xff0c;点击右键&#xff0c;选择 Copy >> Copy as cURL(bash) 安装JS环境&#xff1a;https://www.jb51.net/python/307069k7q.htm...

编程日记 2024/11/23 6:32:55

JAVA八股与代码实践----如何为springboot设置Servlet容器为jetty，jetty的优点是什么？

1、实践 排除原来的springboot-web依赖&#xff08;默认是tomcat&#xff09;&#xff0c;加入jetty的依赖 <dependencies><!-- Spring Boot Web --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-s…...

编程日记 2024/11/23 6:31:54

idea怎么打开两个窗口，运行两个项目

今天在开发项目的时候&#xff0c;前端希望运行一下以前的项目&#xff0c;于是就需要开两个 idea 窗口&#xff0c;运行两个项目 这里记录一下如何设置&#xff1a;首先依次点击&#xff1a; File -> Settings -> Appearance & Behavior ->System Settings 看到如…...

编程日记 2024/11/23 6:29:52

wend看源码-APISJON

项目地址 腾讯APIJSON官方网站 定义 APIJSON 可以定义为一个面向HTTP 协议的JSON 规范&#xff0c;一个面向数据访问层的ORM 框架。其主要工作流程包括&#xff1a;前端按照既定格式组装 JSON 请求报文&#xff0c;通过 APIJSON-ORM 将这些报文直接转换为 SQL 语句&#xff0c…...

编程日记 2024/11/23 6:28:50

堆外内存泄露排查经历

优质博文&#xff1a;IT-BLOG-CN 一、问题描述 淘宝后台应用从今年某个时间开始docker oom的量突然变多&#xff0c;确定为堆外内存泄露。 后面继续按照上一篇对外内存分析方法的进行排查(jemalloc、pmap、mallocpmap/mapsNMTjstackgdb)&#xff0c;但都没有定位到问题。至于…...

编程日记 2024/11/23 6:26:48

SpringBoot Task

相关文章链接 定时任务工具类&#xff08;Cron Util&#xff09;SpringBoot Task 参数详解 Target({ElementType.METHOD, ElementType.ANNOTATION_TYPE}) Retention(RetentionPolicy.RUNTIME) Documented Repeatable(Schedules.class) public interface Scheduled {String C…...

编程日记 2024/11/23 6:24:45

学习路之压力测试--jmeter安装教程

Jmeter安装 0、先安装jdk:这里是安装jdk-8u211-windows-x64 1、百度网盘上下载 jdk和jmeter 链接: https://pan.baidu.com/s/1qqqaQdNj1ABT1PnH4hfeCw?pwdkwrr 提取码: kwrr 复制这段内容后打开百度网盘手机App&#xff0c;操作更方便哦 官网&#xff1a;Apache JMeter - D…...

编程日记 2024/11/23 6:23:43

大模型部署，运维，测试所需掌握的知识点

python环境部署: python3 -m site --user-base 返回用户级别的Python安装基础目录 sudo update-alternatives --install /usr/bin/python3 python3 /usr/bin/python3.8 1 将python3的默认路径/usr/bin/python3替…...

编程日记 2024/11/23 6:22:41

ECharts柱状图-带圆角的堆积柱状图，附视频讲解与代码下载

引言&#xff1a; 在数据可视化的世界里&#xff0c;ECharts凭借其丰富的图表类型和强大的配置能力&#xff0c;成为了众多开发者的首选。今天&#xff0c;我将带大家一起实现一个柱状图图表&#xff0c;通过该图表我们可以直观地展示和分析数据。此外&#xff0c;我还将提供…...

编程日记 2024/11/23 6:21:40

java 并发编程 （2）Thread 类和 Runnable 接口详解

目录 1. Thread 类和 Runnable 接口的设计目的 1.1 为什么有 Thread 类和 Runnable 接口&#xff1f; 2. Thread 类实现的详细分析 2.1 Thread 类的构造方法 2.2 start() 方法的工作原理 2.3 run() 方法 2.4 join() 方法 3. Runnable 接口的实现和作用 3.1 Runnable 接…...

编程日记 2024/11/23 6:20:38

人工智能之数学基础:线性代数在人工智能中的地位

本文重点 从本文开始&#xff0c;我们将开启线性代数的学习&#xff0c;在线性代数中有向量、矩阵&#xff0c;以及各种性质&#xff0c;那么这些数学知识究竟和人工智能有什么关系呢&#xff1f; 重要性 机器学习和深度学习的本质就是训练模型&#xff0c;要想训练模型需要使…...

编程日记 2024/11/23 6:19:36

PostgreSQL WITH 子句：提高查询效率和可读性

PostgreSQL WITH 子句：提高查询效率和可读性 PostgreSQL 是一种功能强大的开源关系数据库管理系统，它以其稳定性、可靠性和高级功能而闻名。在 PostgreSQL 中，WITH 子句（也称为公用表表达式，CTE）是一种非常有用的特性，它允许用户在一个大的查询中创建一个临时的结果集，…...

编程日记 2024/11/23 6:18:33

TransFormer--解码器：前馈网络层、叠加和归一组件

TransFormer--解码器&#xff1a;前馈网络层、叠加和归一组件 解码器的下一个子层是前馈网络层&#xff0c;如下图所示。 解码器的前馈网络层的工作原理与我们在编码器中学到的完全相同 叠加和归一组件 和在编码器部分学到的一样&#xff0c;叠加和归一组件连接子层的输入和输…...

编程日记 2024/11/23 6:17:31

OpenClaw多模型切换：Qwen3.5-9B-AWQ-4bit与文本模型协同工作

OpenClaw多模型切换&#xff1a;Qwen3.5-9B-AWQ-4bit与文本模型协同工作 1. 为什么需要多模型协同 去年我在尝试用OpenClaw自动化处理工作文档时&#xff0c;发现一个尴尬的问题&#xff1a;当我需要同时处理图片和文本内容时&#xff0c;要么被迫用昂贵的多模态模型处理所有…...

编程新知 2026/4/4 2:55:24

不用示波器也能看波形！Keil软件仿真Logic Analyzer的隐藏技巧大公开

不用示波器也能看波形&#xff01;Keil软件仿真Logic Analyzer的隐藏技巧大公开 在嵌入式开发中&#xff0c;调试GPIO波形是每个工程师都会遇到的场景。传统方式需要依赖示波器或逻辑分析仪&#xff0c;但硬件设备不仅成本高昂&#xff0c;还受限于使用环境。Keil MDK内置的Log…...

编程新知 2026/4/4 2:43:22

深入解析AdaptiveAvgPool2d：从原理到实践

1. 池化技术基础与核心价值 当你第一次听说"池化"这个词时&#xff0c;可能会联想到游泳池或者资源池。但在深度学习领域&#xff0c;池化(Pooling)是一种非常重要的降维操作&#xff0c;它就像一位精明的数据压缩师&#xff0c;能够在不丢失关键信息的前提下&#x…...

编程新知 2026/4/4 2:41:20

前端手写电子签系统实战：SVG为何是合同图片合成的最优解

一、前端手写电子签系统核心需求拆解 在开发手写电子签系统时&#xff0c;前端需满足以下核心业务与技术需求&#xff0c;这也是方案选型的核心依据&#xff1a; 高清无损&#xff1a;合同属于正式法律文件&#xff0c;签名、填写的字段文字需保证任意缩放、打印后均清晰无失真…...

编程新知 2026/4/4 1:56:53

[Android] 故宫陶瓷馆 v2.2.251126

[Android] 故宫陶瓷馆 v2.2.251126 链接&#xff1a;https://pan.xunlei.com/s/VOpHzrBozQgvaUJbdCkB20SMA1?pwdu338# 故宫陶瓷馆是故宫博物院官方出品的APP&#xff0c;以“时间轴”为核心骨架、全新技术手段打造的陶瓷馆&#xff0c;为你将展品带至手中、带至眼前。...

编程新知 2026/4/4 0:42:15

Go语言的HTTP服务器：从基础到高级

Go语言的HTTP服务器&#xff1a;从基础到高级 HTTP 服务器的重要性 在现代 Web 开发中&#xff0c;HTTP 服务器是构建 Web 应用程序的核心组件。一个高性能、可靠的 HTTP 服务器可以&#xff1a; 处理客户端请求&#xff0c;返回响应支持各种 HTTP 方法和状态码提供路由和中…...

编程新知 2026/4/4 0:09:06

游戏盾导致 Unity/UE 引擎崩溃的主要原因排查？

做游戏上线的都知道&#xff0c;游戏盾是必装的——毕竟要防外挂、防攻击&#xff0c;不然刚上线就被搞崩&#xff0c;损失太大。但最近帮几个同行排查问题&#xff0c;发现好多项目接入游戏盾后&#xff0c;Unity和UE引擎动不动就崩&#xff0c;要么内存飙到爆&#xff0c;安卓…...

编程新知 2026/4/3 23:16:48

搞定AI教材写作！工具分享及低查重策略，提升编写效率！

完成教材的初稿后&#xff0c;进行修改和优化的过程简直是一场“折磨”&#xff01;在全面阅读全文时&#xff0c;要细致地查找逻辑漏洞和知识点错误&#xff0c;耗费的时间着实不小&#xff1b;而当调整一个章节的结构时&#xff0c;往往会牵涉到后面的多个部分&#xff0c;导…...

编程新知 2026/4/3 20:07:12

Vue-Weixin 朋友圈功能实现全解析：图片上传与点赞评论交互详解

Vue-Weixin 朋友圈功能实现全解析&#xff1a;图片上传与点赞评论交互详解 【免费下载链接】vue-weixin Vue2 全家桶仿 微信App 项目&#xff0c;支持多人在线聊天和机器人聊天 项目地址: https://gitcode.com/gh_mirrors/vu/vue-weixin Vue-Weixin 是一个基于 Vue2 全家…...

编程新知 2026/4/3 20:01:11

终极指南：如何自定义Android RecyclerView ItemAnimator动画扩展

终极指南&#xff1a;如何自定义Android RecyclerView ItemAnimator动画扩展 【免费下载链接】android-advancedrecyclerview RecyclerView extension library which provides advanced features. (ex. Googles Inbox app like swiping, Play Music app like drag and drop sor…...

编程新知 2026/4/3 19:51:07