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

form中表单切换，导致 relus 中的事件无法触发，原因：页面切换不要一直切换DOM，会导致问题，需要都显示出来

news 2026/4/7 20:05:14

修改前，因为重复渲染DOM导致绑定rules失效

在这里插入图片描述

修改前代码使用 computed 计算出渲染的DOM，影响rules事件<el-formref="form"inline:model="billDetailCopy":rules="rules"size="small"label-position="right"label-width="110px"class="addInvoice-content-input"><el-row><el-form-item v-for="(item,index) in filter(ordinaryList)" :key="index" :prop="item.key" :label="item.label" ><el-form-item/><el-form/>

修改后，将切换的DOM使用v-show都渲染在页面，不会让rules错乱。

在这里插入图片描述

修改后各渲染各的
<el-formv-show="billDetailCopy.type === '增值税普通发票'"ref="form1"inline:model="billDetailCopy":rules="rules"size="small"label-position="right"label-width="110px"class="addInvoice-content-input"><el-row><el-form-item v-for="(item,index) in ordinaryList" :key="index" :prop="item.key" :label="item.label" ><el-form-item/><el-form/>

form 中绑定的 rules 跟两个元素有关，才能触发rules绑定的每一个事件

1、 <el-form-item 绑定的 prop=“aaa” 在 rules中

2、v-model=“aaa” 绑定的 aaa 在 rules 中

参考链接

相关文章：

form中表单切换，导致 relus 中的事件无法触发，原因：页面切换不要一直切换DOM，会导致问题，需要都显示出来

修改前&#xff0c;因为重复渲染DOM导致绑定rules失效 修改前代码使用 computed 计算出渲染的DOM&#xff0c;影响rules事件<el-formref"form"inline:model"billDetailCopy":rules"rules"size"small"label-position"right&quo…...

编程日记 2023/8/15 7:11:27

Android Ble蓝牙App（五）数据操作

Ble蓝牙App&#xff08;五&#xff09;数据操作 前言正文一、操作内容处理二、读取数据① 概念② 实操 三、写入数据① 概念② 实操 四、打开通知一、概念二、实操三、收到数据 五、源码 前言 关于低功耗蓝牙的服务、特性、属性、描述符都已经讲清楚了&#xff0c;而下面就是使…...

编程日记 2023/8/15 7:10:25

.netcore grpc双向流方法详解

一、双向流处理概述 简单来讲客户端可以向服务端发送消息流&#xff0c;服务端也可以向客户端传输响应流&#xff0c;即客户端和服务端可以互相通讯客户端无需发送消息即可开始双向流式处理调用 。 客户端可选择使用 RequestStream.WriteAsync 发送消息。 使用 ResponseStream…...

编程日记 2023/8/15 7:09:24

【Servlet】(Servlet API HttpServlet 处理请求 HttpServletRequest 打印请求信息 前端给后端传参)

文章目录 Servlet APIHttpServlet处理请求 HttpServletRequest打印请求信息前端给后端传参 Servlet API Servlet中常用的API HttpServlet 实际开发的时候主要重写 doXXX 方法, 很少会重写 init / destory / service destory 服务器终止的时候会调用. //下面的注解把当前类和…...

编程日记 2023/8/15 7:08:22

java中右移＞＞和无符号右移＞＞＞的区别

public static void main(String[] args) {byte[] dest new byte[2];dest[0] 0x15; //0001 0101dest[1] (byte) 0xfb;//1111 1011System.out.println((dest[0] >> 4) & 0xff);//右移 应该是0000 0001 十进制结果显示1 结果也是1&#xff0c;正确System.out.printl…...

编程日记 2023/8/15 7:07:21

牛客周赛 Round 7

目录 A 游游的you矩阵 题目&#xff1a; 题解&#xff1a; AC 代码&#xff1a; B 游游的01串操作 题目&#xff1a; 题解&#xff1a; AC 代码&#xff1a; C 游游的正整数 题目&#xff1a; 题解&#xff1a; AC 代码&#xff1a; D 游游的选数乘积 题目&#xf…...

编程日记 2023/8/15 7:06:20

R语言生存分析（机器学习）（1）——GBM（梯度提升机）

GBM是一种集成学习算法&#xff0c;它结合了多个弱学习器&#xff08;通常是决策树&#xff09;来构建一个强大的预测模型。GBM使用“Boosting”的技术来训练弱学习器&#xff0c;这种技术是一个迭代的过程&#xff0c;每一轮都会关注之前轮次中预测效果较差的样本&#xff0c;…...

编程日记 2023/8/15 7:05:18

k8s和docker简单介绍

当涉及到容器技术和容器编排时&#xff0c;Docker和Kubernetes是两个重要的概念。我将更详细地介绍它们以及它们之间的关系。 Docker&#xff1a; Docker是一种容器化技术&#xff0c;它允许你将应用程序及其依赖项打包到一个称为"容器"的封闭环境中。每个容器都包…...

编程日记 2023/8/15 7:04:17

Lua学习记录

Lua基础了解 Lua的注释通过 (-- 单行注释&#xff0c;--[[ ]] 多行注释)可以不加&#xff1b; 多个变量赋值&#xff0c;按顺序赋值&#xff0c;没有则为nil&#xff1b; function的简单用法&#xff0c;多个返回值配合多重赋值&#xff0c;以end为结束标志 Lua下标从1开始&…...

编程日记 2023/8/15 7:03:15

三分钟完美解决你的C盘内存过大爆红

一、清理回收站 二、清理桌面 建议一 不要在桌面放太多图标或者文件会占用过多的内存,可以放到其他盘建议二、 将位置移动到别的盘 三、手动删除下载文件与缓存文件 日常使用中会通过Windows下载各种文件资料到电脑中&#xff0c;它默认也是直接下载在C盘中的。如果我们在以…...

编程日记 2023/8/15 7:02:14

C++ - equal(比较两个vector元素)

C标准库的std::equal函数。这个函数用于比较两个范围的元素是否相等。 在使用std::equal函数时&#xff0c;您需要提供两个范围的迭代器&#xff0c;以及一个可选的谓词函数&#xff08;predicate&#xff09;。函数会比较第一个范围内的元素和第二个范围内的元素是否相等。如果…...

编程日记 2023/8/15 7:01:13

多线程：线程池

线程池 提前创建多个线程放入线程池中&#xff0c;使用时直接获取&#xff0c;使用完直接放入池中&#xff1b;可以避免频繁创建销毁&#xff0c;实现重复利用&#xff0c;类似生活中的公共交通工具。好处&#xff1a;提高相应速度&#xff1b;降低资源消耗&#xff1b;便于线…...

编程日记 2023/8/15 7:00:12

9.3.2.2网络原理(传输层TCP)

TCP全部细节参考RFC标准文档 一.TCP特点: 有连接,可靠传输,面向字节流,全双工. 二.TCP数据报: 1.端口号是传输层的重要概念. 2.TCP的报头是变长的(UDP是固定的8字节),大小存在4位首部长度中,用4个bit位(0~15)表示长度单位是4字节.(TCP报头最大长度是60字节,前面20字节是固定…...

编程日记 2023/8/15 6:59:10

ssm+mybatis无法给带有下划线属性赋值问题

原因&#xff1a;mybaitis根据配置&#xff0c;将有下划线的字段名改为了驼峰格式。 具体见&#xff1a;ssmmybatis无法给带有下划线属性赋值问题&#xff0c;无法获取数据库带下划线的字段值 - 开发者博客 解决方式&#xff1a; 直接将实体类中的下划线去掉返回值使用resul…...

编程日记 2023/8/15 6:58:09

学习笔记-JVM监控平台搭建

SpringBoot Actuator 1 引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-actuator</artifactId> </dependency>2 开启配置 # 暴露所有的监控点【含Prometheus】 management.endpoin…...

编程日记 2023/8/15 6:57:07

使用css实现时间线布局（TimeLine）

前言 在使用uni-app开发微信小程序过程中&#xff0c;遇到了时间轴布局&#xff0c;由于每项的内容高度不一致&#xff0c;使用uniapp自带的扩展组件uni-steps&#xff0c;样式布局无法对齐竖线&#xff0c;于是自己造轮子&#xff0c;完成特殊的布局。显示效果如下&#xff1…...

编程日记 2023/8/15 6:56:06

深入浅出 栈和队列（附加循环队列、双端队列）

栈和队列 一、栈 概念与特性二、Stack 集合类及模拟实现1、Java集合中的 Stack2、Stack 模拟实现 三、栈、虚拟机栈、栈帧有什么区别&#xff1f;四、队列 概念与特性五、Queue集合类及模拟实现1、Queue的底层结构&#xff08;1&#xff09;顺序结构&#xff08;2&#xff09;链…...

编程日记 2023/8/15 6:55:05

前端基础（二）

前言&#xff1a;前端开发框架——Vue框架学习。 准备工作&#xff1a;添加Vue devtools扩展工具 具体可查看下面的这篇博客 添加vue devtools扩展工具添加后F12不显示Vue图标_MRJJ_9的博客-CSDN博客 Vue官方学习文档 Vue.js - 渐进式 JavaScript 框架 | Vue.js MVVM M…...

编程日记 2023/8/15 6:54:04

ORB-SLAM2学习笔记7之System主类和多线程

文章目录 0 引言1 整体框架1.1 整体流程 2 System主类2.1 成员函数2.2 成员变量 3 多线程3.1 ORB-SLAM2中的多线程3.2 加锁 0 引言 ORB-SLAM2是一种基于特征的视觉SLAM&#xff08;Simultaneous Localization and Mapping&#xff09;系统&#xff0c;它能够从单个、双目或RBG…...

编程日记 2023/8/15 6:53:03

gin的占位符:和通配符*

1、用法 在 Gin 路由中&#xff0c;可以使用一个通配符&#xff08;*&#xff09;或一个占位符&#xff08;:&#xff09;来捕获 URL 的一部分。 r.GET("/royal/:id", func(c *gin.Context) {id : c.Param("id")//fmt.Println("into :id")c.Str…...

编程日记 2023/8/15 6:52:01

解锁3大模组维度：从入门到精通的进阶之路

解锁3大模组维度&#xff1a;从入门到精通的进阶之路 【免费下载链接】ModTheSpire External mod loader for Slay The Spire 项目地址: https://gitcode.com/gh_mirrors/mo/ModTheSpire ModTheSpire作为《杀戮尖塔》最强大的外部模组加载器&#xff0c;为玩家提供了无需…...

编程新知 2026/4/7 19:22:33

保姆级教程：手把手教你用LIOSAM跑通自己的数据集（含常见报错解决）

从零到一&#xff1a;LIOSAM实战指南与避坑手册 1. 环境配置与数据准备 LIOSAM作为激光-惯性紧耦合SLAM系统&#xff0c;对硬件和软件环境有特定要求。我们先从基础环境搭建开始&#xff1a; 系统要求&#xff1a; Ubuntu 18.04/20.04&#xff08;推荐20.04&#xff09;ROS Noe…...

编程新知 2026/4/7 18:44:09

UE5对象池系统深度解析：如何基于Subsystem框架设计可扩展的Gameplay工具

UE5对象池系统深度解析&#xff1a;如何基于Subsystem框架设计可扩展的Gameplay工具 在快节奏的现代游戏开发中&#xff0c;性能优化始终是开发者面临的核心挑战之一。想象一下这样的场景&#xff1a;当玩家在射击游戏中连续发射数百发子弹&#xff0c;或者在开放世界游戏中频繁…...

编程新知 2026/4/7 18:42:07

如何为Token-Flow开源生态贡献代码？从零开始的贡献者指南

Token-Flow正在逐步开源核心组件&#xff0c;目前已有三个仓库接受贡献。本文手把手教你成为贡献者。 一、哪些项目可以贡献&#xff1f; 项目仓库地址技术栈适合人群tf-client (Python SDK)github.com/token-flow/tf-client-pyPython初学者&#xff0c;文档/测试model-adapt…...

编程新知 2026/4/7 18:23:45

穿透式监管是什么？终于有人把穿透式监管落地讲明白了！

最近&#xff0c;各位老板有没有发现各种审计、检查多起来了&#xff1f;国资委、集团总部的发文一个接一个&#xff0c;问题也越来越细致。最近大家都被穿透式监管这个词弄得有点紧张&#xff0c;害怕自己的企业那天也被点名。其实&#xff0c;穿透式监管对企业来说&#xff0…...

编程新知 2026/4/7 18:07:36

终极视频编码神器StaxRip：Windows平台最强大GUI工具完全指南

终极视频编码神器StaxRip&#xff1a;Windows平台最强大GUI工具完全指南 【免费下载链接】staxrip &#x1f39e; Video encoding GUI for Windows. 项目地址: https://gitcode.com/gh_mirrors/st/staxrip &#x1f39e;️ 你是否正在寻找一款功能强大、灵活高效的视频编…...

编程新知 2026/4/7 17:08:47

Pronto性能优化技巧：如何加速大规模项目的代码审查

Pronto性能优化技巧&#xff1a;如何加速大规模项目的代码审查 【免费下载链接】pronto Quick automated code review of your changes 项目地址: https://gitcode.com/gh_mirrors/pr/pronto Pronto是一款高效的自动化代码审查工具&#xff0c;专为快速检查代码变更而设…...

编程新知 2026/4/7 16:50:41

为什么头部自动驾驶团队已在预研C++27反射？——静态反射在嵌入式ABI稳定、安全认证代码生成中的不可替代性揭秘

第一章&#xff1a;C27静态反射的演进脉络与战略定位C27静态反射并非凭空而生&#xff0c;而是ISO C标准化进程中长达十年深度探索的结晶。它继承并重构了C17的std::is_same、C20的std::source_location与反射TS&#xff08;P0194R8&#xff09;的语义骨架&#xff0c;同时彻底…...

编程新知 2026/4/7 16:48:39

AI辅助开发新思路：让快马AI理解自然语言，自动生成分区数据智能查询系统

今天想和大家分享一个最近用AI辅助开发的实用工具——中科院分区智能查询系统。这个项目的核心思路是让AI理解科研人员的自然语言查询需求&#xff0c;自动转换成数据库操作&#xff0c;大大简化了科研数据检索的流程。 项目背景与需求分析 作为一名经常需要查阅期刊信息的科…...

编程新知 2026/4/7 15:19:06

4步实现零代码黑苹果配置：智能工具如何让技术门槛归零

4步实现零代码黑苹果配置&#xff1a;智能工具如何让技术门槛归零 【免费下载链接】OpCore-Simplify A tool designed to simplify the creation of OpenCore EFI 项目地址: https://gitcode.com/GitHub_Trending/op/OpCore-Simplify 你是否曾在黑苹果配置的海洋中迷失方…...

编程新知 2026/4/7 15:02:56