vue 主子表加校验问题

server/2025/2/9 10:49:26/

1.在table绑定的data中将数据源加上form,要将tabel包含在form表单中才行

<el-table :data="form.procurementPlanDevicesList" :row-class-name="rowProcurementPlanDevicesIndex"@selection-change="handleProcurementPlanDevicesSelectionChange" ref="procurementPlanDevices">

2.在表格行中加入规则校验

javascript"> <el-table-column label="设备名称" prop="equipName" width="150"><template slot-scope="scope"><el-form-item label-width="0px" :prop="'procurementPlanDevicesList.' +  scope.$index + '.equipName'":rules="[{ required: true, message: '请输入设备名称', trigger: 'blur'},{max: 30, message: '输入长度不能超过30个字符', trigger: 'blur' }]"><el-input v-model="scope.row.equipName" placeholder="请输入设备名称"/></el-form-item></template></el-table-column>

数字校验

javascript">      <el-form-item label-width="0px":prop="'tbMineProductStoreDailySubList.' +  scope.$index + '.dailyProduct'":rules="{  required: true, message: '请输入销量(吨)', trigger: 'change',required: true,pattern: /(^[1-9]([0-9]{0,12})?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,message: '请输入12位数字,保留2位小数',}"><el-input v-model="scope.row.dailyProduct" placeholder="请输入当日产量(吨)"/></el-form-item>

处理添加问题

在添加方法中加入下面的方法

javascript"> this.form.procurementRequisitionsSparepartsList.push(obj);

处理删除问题

javascript">   const procurementPlanSparepartsList = this.form.procurementPlanSparepartsList;const checkedProcurementPlanSpareparts = this.checkedProcurementPlanSpareparts;this.form.procurementPlanSparepartsList = procurementPlanSparepartsList.filter(function (item) {return checkedProcurementPlanSpareparts.indexOf(item.index) == -1});

因为将全局的table加入在了form表单中,所以赋值的时候需要将form加上

表单重置问题

javascript">  reset() {this.form = {billId: null,billCode: null,billTitle: null,billDate: null,deptId: null,userId: null,billMoney: null,billMark: null,billState: null,userName: null,procurementPlanDevicesList: [],procurementPlanSparepartsList: [],};

在表单重置方法中吧table绑定的数据源放在form表单中置空

提交问题

javascript">   // this.form.procurementPlanDevicesList = this.procurementPlanDevicesList;// this.form.procurementPlanSparepartsList = this.procurementPlanSparepartsList;

因为将list放在form表单中,所以提交的时候不需要将全局list赋值给表单


http://www.ppmy.cn/server/166203.html

相关文章

人工智能-音乐创作(变分自编码器(VAE)、生成对抗网络(GAN)和Transformer架构)

以下分别为你提供使用变分自编码器&#xff08;VAE&#xff09;、生成对抗网络&#xff08;GAN&#xff09;和Transformer架构进行音乐创作的代码示例。这些示例基于PyTorch框架&#xff0c;并使用了一些简单的音乐表示方法&#xff0c;实际应用中可能需要根据具体的音乐数据和…

A股level2高频数据分析20250205

A股level2高频数据分析20250205 通过Level2的逐笔成交与委托记录&#xff0c;这种高精度的毫秒级数据能够洞察诸多重要信息&#xff0c;包括庄家目的、误导性行为&#xff0c;使所有交易操作透明化。这对于分析高手的交易策略极为有益&#xff0c;对机器学习的研究也极具价值&…

(2024|Nature Medicine,生物医学 AI,BiomedGPT)面向多种生物医学任务的通用视觉-语言基础模型

BiomedGPT: A generalist vision–language foundation model for diverse biomedical tasks 目录 1. 摘要 2. 引言 3. 相关研究 3.1 基础模型与通用生物医学 AI 3.2 生物医学 AI 的局限性 3.3 BiomedGPT 的创新点 4. 方法 4.1 架构及表示 4.1.1 模型架构选择 4.1.2 …

51单片机看门狗系统

在 STC89C52 单片机中&#xff0c;看门狗控制寄存器的固定地址为 0xE1。此地址由芯片厂商在硬件设计时确定&#xff0c;但是它在头文件中并未给出&#xff0c;因此在使用看门狗系统时需要声明下这个特殊功能寄存器 sfr WDT_CONTR 0xE1; 本案将用一个小灯的工作状况来展示看门…

git SourceTree 使用

Source Tree 使用原理 文件的状态 创建仓库和提交 验证 再克隆的时候发发现一个问题&#xff0c;就是有一个 这个验证&#xff0c;起始很简单 就是 gitee 的账号和密码&#xff0c;但是要搞清楚的是账号不是名称&#xff0c;我之前一直再使用名称登录老是出问题 这个很简单的…

OSwatch性能分析工具部署

目录 1. OSwatch 安装 1.1. OSwatch 下载 1.2. 部署私网监控&#xff08;可选&#xff0c;Rac 环境心跳中使用&#xff09; 1.3. 新增 archive 目录 1.4. 启动 osw 1.4.1. crontab 启动脚本 1.5. OSW 生成文件查看 1.6. 关闭 osw 2. OSwatch 数据分析 2.1. 运行前首先…

ios应用想要下载到手机上只能苹果签名吗

ios APP想要下载到手机上有好几种方式&#xff0c;但是还是需要苹果签名的&#xff0c;苹果签名为ios应用的下载提供了最后一步的帮助&#xff0c;可以说苹果签名就是APP的终点站&#xff0c;是APP的核心。 第一种方式可以采取越狱的方式&#xff0c;但是我们也是知道的&#x…

【CPP】C++后端开发面试:深入理解编程中的锁机制

文章目录 1. 互斥锁&#xff08;Mutex&#xff09;1.1 基本概念1.2 特点1.3 应用场景1.4 示例代码 2. 递归锁&#xff08;Recursive Mutex&#xff09;2.1 基本概念2.2 特点2.3 应用场景2.4 示例代码 3. 读写锁&#xff08;Read-Write Lock&#xff09;3.1 基本概念3.2 特点3.3…