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

Vue-vue项目Element-UI 表单组件内容要求判断

 整体添加判断

    <el-formref="ruleFormRef":model="formModel"class="demo-ruleForm"label-position="top"status-icon:rules="rules"><el-form-item label="姓名" prop="applyUsers" class="form-title"><el-select-v2v-model="formModel.applyUsers"style="width: 100%"multiplefilterableplaceholder=" "clearable:options="applyUsers"/></el-form-item><el-form-item label="调整积分" prop="applyNum" class="form-title"><el-input v-model.number="formModel.applyNum"><template #prepend><el-selectv-model="pointAbs"style="background: #fff; width: 100px"><el-option label="加" value="+" /><el-option label="减" value="-" /></el-select></template></el-input></el-form-item><el-form-item label="申请原因" prop="applyReason" style="width: 100%"><el-inputtype="textarea":rows="3"placeholder="请输入"v-model="formModel.applyReason"/></el-form-item><el-form-item label="附件文件" prop="uploadFiles" class="form-title"><general-file v-model="formModel.uploadFiles" :max-count="5" /></el-form-item></el-form>
import type { FormRules } from "element-plus";const rules = ref<FormRules>({applyNum: [{required: true,message: "必填项",trigger: "change"},{message: "只能输入数字",trigger: "change",type: "number"},{message: "最小为1",trigger: "change",type: "number",min: 1}]
});interface Form {applyUsers: string;applyNum: Number;applyReason: string;uploadFiles: object;
}const formModel = ref<Form>({} as Form);

对应组件添加判断

相关文章:

Vue-vue项目Element-UI 表单组件内容要求判断

整体添加判断 <el-formref"ruleFormRef":model"formModel"class"demo-ruleForm"label-position"top"status-icon:rules"rules"><el-form-item label"姓名" prop"applyUsers" class"form-…...

【试题027】C语言宏定义小例题

1.题目&#xff1a; #define MOD(a,b) a%b int main() { int x4,y16,z; zMOD(y,x); printf("%dn".z)&#xff1b;} 则程序执行的结果是? 2.代码分析&#xff1a; #include <stdio.h> #define MOD(a,b) a%b int main() {int x 4, y 16, z;z MOD(y, …...

解决 sharp: Installation error: unable to verify the first certificate

使用 plasmo 时报错如下&#xff1a; E:\chromeplugins>pnpm create plasmo ../.pnpm-store/v3/tmp/dlx-46852 | 2 ../.pnpm-store/v3/tmp/dlx-46852 | Progress: resolved 2, reused 2, downloaded 0, added 2, done &#x1f7e3; Plasmo v0.83.0 &…...

【Java】Java实现100万+ 的高并发、高性能设计

Java实现100万 的高并发、高性能设计 1、简述 现百万级并发编是一项综合性的技术&#xff0c;同时&#xff0c;它与现实生活中 的场景有着紧密的联系。 搞懂并发编程有三大核心问题 分工问题 同步问题 互斥问题 本文就对这三大核心问题进行简单的介绍 2、分工问题 关于分工…...

linux系统下,在vscode的命令行中调试python文件

首先参考vscode官网文档Command line debugging 步骤 1&#xff08;只需一次&#xff09;&#xff1a;安装debugpy 步骤 2&#xff1a;在命令行中运行 python -m debugpy --listen 5678 --wait-for-client -m dir1.dir2.your_script 以上命令使用了端口5678&#xff0c;也可…...

DFS(分布式文件系统)与 DFSR(分布式文件系统复制)的区别

DFS&#xff08;分布式文件系统&#xff09;和 DFSR&#xff08;分布式文件系统复制&#xff09;是两种不同的技术&#xff0c;尽管它们在名称上有一些相似之处&#xff0c;但它们的用途和功能有所不同。 DFS&#xff08;分布式文件系统&#xff09; DFS 是一种用于创建和管理…...

丈母娘说:有编制的不如搞编程的

10月17日百度世界大会召开&#xff0c;据说文心大模型又牛X了&#xff0c;综合水平相比GPT4毫不逊色&#xff0c;真是个让人激动的消息&#xff0c;国产大模型的进展可以说是日新月异&#xff0c;我这耳朵边一直响彻四个字&#xff1a;遥遥领先。 不过今天我关注的重点不是什么…...

vue 部署后 405 not allowed

关于部署vue项目dist包&#xff0c;在nginx配置遇到的坑&#xff1a; 1.vue项目中vue.config.js的配置&#xff1a;devServer.proxy 可以是一个指向开发环境 API 服务器的字符串&#xff1a; evServer: {proxy: {/prod-api: {target: http://192.168.0.68:38090;,changeOrigi…...

【限时免费】20天拿下华为OD笔试之【回溯】2023Q1-硬件产品销售方案【欧弟算法】全网注释最详细分类最全的华为OD真题题解

【回溯】2023Q1-硬件产品销售方案 题目描述与示例 题目描述 某公司目前推出了 AI 开发者套件、AI 加速卡、AI 加速模块、AI 服务器、智能边缘多种硬件产品&#xff0c;每种产品包含若干个型号。现某合作厂商要采购金额为 amount 元的硬件产品搭建自己的 AI 基座。假设当前库…...

蜻蜓c影视追剧系统-多个小程序添加说明

多小程序添加设置 蜻蜓c影视追剧 支持多小程序添加&#xff0c;也就是可以管理不同前端的小程序。 此处id 对应前端小程序的mp值 关于添加小程序&#xff1a; 此处有所有填写内容的参考方式&#xff0c;要注意是必须开通了微信支付才可以添加&#xff0c;这里需要添加证书信息…...

linux 测试存储介质.emmc.nand.ufs.硬盘的读写速度方法

一、测试写速度 创建一个test.sh脚本 #!bin/bashcnt1 while [ $cnt -lt 50 ] // 循环50次 doecho "dd cnt $cnt" > /dev/consoledd if/dev/zero of/rawdata/test_${cnt}.txt bs1024 count102400//往储存介质分配的一个rawdata分区&#xff0c;写文件&#xff0…...

基于 KubeSphere 部署 KubeBlocks 实现数据库自由

作者&#xff1a;尹珉&#xff0c; KubeSphere Contributor & Ambassador&#xff0c;KubeSphere 社区用户委员会杭州站站长。 KubeSphere 是什么&#xff1f; KubeSphere 是在 Kubernetes 之上构建的面向云原生应用的分布式操作系统&#xff0c;完全开源&#xff0c;支持…...

图像识别-人脸识别与疲劳检测 - python opencv 计算机竞赛

文章目录 0 前言1 课题背景2 Dlib人脸识别2.1 简介2.2 Dlib优点2.3 相关代码2.4 人脸数据库2.5 人脸录入加识别效果 3 疲劳检测算法3.1 眼睛检测算法3.3 点头检测算法 4 PyQt54.1 简介4.2相关界面代码 5 最后 0 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是…...

高性能计算与多模态处理的探索之旅:英伟达GH200性能优化与GPT-4V的算力加速未来

★多模态大模型&#xff1b;GPU算力&#xff1b;LLMS&#xff1b;LLM&#xff1b;LMM&#xff1b;GPT-4V&#xff1b;GH200&#xff1b;图像识别&#xff1b;目标定位&#xff1b;图像描述&#xff1b;视觉问答&#xff1b;视觉对话&#xff1b;英伟达&#xff1b;Nvidia&#…...

代码随想录算法训练营Day59|动态规划17

代码随想录算法训练营Day59|动态规划17 文章目录 代码随想录算法训练营Day59|动态规划17一、647. 回文子串二、516.最长回文子序列 一、647. 回文子串 class Solution {public int countSubstrings(String s) {boolean[][] dp new boolean[s.length()][s.length()];int res …...

软考 系统架构设计师系列知识点之软件构件(2)

接前一篇文章&#xff1a;软考 系统架构设计师系列知识点之软件构件&#xff08;1&#xff09; 所属章节&#xff1a; 第2章. 计算机系统基础知识 第3节. 计算机软件 2.3.7 软件构件 3. 商用构件的标准规范 当前&#xff0c;主流的商用构件标准规范包括对象管理组织&#xff…...

【试题011】C语言多个运算符计算例题

1.题目&#xff1a;表达式1!23/45%6(78)9的值是&#xff1f; 2.代码&#xff1a; #include <stdio.h> int main() {//表达式1 !2 3 / 4 5 % 6 (7 8) 9的值printf("%d\n", (1 !2 3 / 4 5 % 6 (7 8) 9));//分析&#xff1a;多个运算符先考虑优先级…...

win10系统同时安装 vue2和vue3

https://www.cnblogs.com/xiaohuasan/p/16030569.html...

带声学释放器的近海海底潜标的回收记录

我们主要在大洋调查中使用带声学释放器的海底潜标&#xff0c;在近岸海域很少这样做&#xff0c;因为近岸海域拖网作业较多&#xff0c;海底潜标很容易被渔网拖走或移位。前段时间&#xff0c;我们在近海也使用了这种方式&#xff0c;主要考虑到测区水深较深&#xff0c;即使是…...

新加坡服务器托管

新加坡是一个小而繁荣的国家&#xff0c;是东南亚唯一一个发达国家。它地理位置好&#xff0c;毗邻马来西亚和印度尼西亚&#xff0c;新加坡是一个拥有先进科技和强大经济的国家&#xff0c;主要以制造业、金融、旅游和航运为主&#xff0c;拥有先进的经济和现代化的基础设施&a…...

为什么你的Docker AI沙箱无法通过等保2.0三级认证?4类强制隔离缺口+3份可审计的auditd策略模板

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Docker Sandbox 运行 AI 代码隔离技术 性能调优指南 Docker Sandbox 为 AI 模型推理与训练脚本提供了轻量级、可复现的隔离环境&#xff0c;但默认配置常导致 GPU 利用率偏低、内存抖动明显或 I/O 瓶颈…...

php内核 内核后门防护、代码执行拦截底层加固

一个直接能落地的“防后门 拦截代码执行”方案。先说结论&#xff1a;最佳方式不是只改一个点&#xff0c;而是 4 层一起上&#xff1a;编译裁剪层 内核拦截层 运行时策略层 系统隔离层。 单点防护一定会漏。---一、先讲大白话&#xff1a;后门最…...

RK3399开发板开机动画进阶:从bootanimation.zip制作到动态更新Logo分区全解析

RK3399开发板开机动画进阶&#xff1a;从bootanimation.zip制作到动态更新Logo分区全解析 当RK3399开发板启动时&#xff0c;用户首先看到的是开机Logo&#xff0c;紧接着是动态的开机动画。这两个元素不仅是设备启动过程中的视觉呈现&#xff0c;更是品牌展示和用户体验的重要…...

LayerDivider:从单张插画到可编辑图层的魔法转换器

LayerDivider&#xff1a;从单张插画到可编辑图层的魔法转换器 【免费下载链接】layerdivider A tool to divide a single illustration into a layered structure. 项目地址: https://gitcode.com/gh_mirrors/la/layerdivider 你是否曾面对一张精美的插画&#xff0c;却…...

金融级内存池性能断崖预警,,2026新规强制要求L3缓存亲和+硬件PMU监控,你还在用new/delete?

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;金融级内存池性能断崖预警与2026新规全景解读 金融核心系统正面临一场静默却致命的性能危机&#xff1a;高频交易网关在峰值负载下&#xff0c;内存池平均分配延迟从 82ns 突增至 1.7μs&#xff0c;触…...

团队开发环境自动化:从脚本到容器的一站式解决方案

1. 项目概述&#xff1a;一个团队协作的代码仓库在软件开发领域&#xff0c;一个名为aaurelions/my-team的仓库标题&#xff0c;乍一看可能平平无奇。但作为一名常年混迹于 GitHub、GitLab 等代码托管平台的老兵&#xff0c;我深知这类以个人或组织名称为前缀、以“team”或“m…...

【仅限头部金融级用户知晓】Java 25 ZGC 2.0生产调优白皮书(含JFR采样模板与火焰图标注规范)

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Java 25 ZGC 2.0 生产调优白皮书导论 ZGC 2.0 是 Java 25 中面向超低延迟场景的下一代垃圾收集器重大演进&#xff0c;其核心目标是将 GC 停顿时间稳定控制在 **1ms 以内**&#xff08;P99 ≤ 0.8ms&am…...

专业内存检测神器:Memtest86+ 终极实战指南,彻底告别蓝屏死机

专业内存检测神器&#xff1a;Memtest86 终极实战指南&#xff0c;彻底告别蓝屏死机 【免费下载链接】memtest86plus Official repo for Memtest86 项目地址: https://gitcode.com/gh_mirrors/me/memtest86plus 你是否曾经遭遇过电脑无缘无故蓝屏、系统频繁重启&#xf…...

分类数据集 - 动物分类数据集下载

数据集介绍&#xff1a;动物分类数据集&#xff0c;真实场景采集高质量动物图片数据&#xff1b;适用实际项目应用&#xff1a;动物分类识别项目&#xff0c;野生动物智能监测系统&#xff0c;以及作为通用动物分类数据集场景数据的补充&#xff1b;数据集类别&#xff1a;ante…...

拆解对比:ABLIC S-8254A与TI BQ系列,3/4串锂电池保护方案怎么选?

ABLIC S-8254A与TI BQ系列锂电池保护IC深度对比&#xff1a;3/4串方案选型指南 在电动工具、便携储能设备和高性能无人机等产品的设计中&#xff0c;锂电池保护电路的选择往往直接关系到产品的安全性和可靠性。面对市场上众多的保护IC方案&#xff0c;工程师们常常陷入选择困境…...