当前位置: 首页 > 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);

对应组件添加判断

http://www.lryc.cn/news/199416.html

相关文章:

  • 【试题027】C语言宏定义小例题
  • 解决 sharp: Installation error: unable to verify the first certificate
  • 【Java】Java实现100万+ 的高并发、高性能设计
  • linux系统下,在vscode的命令行中调试python文件
  • DFS(分布式文件系统)与 DFSR(分布式文件系统复制)的区别
  • 丈母娘说:有编制的不如搞编程的
  • vue 部署后 405 not allowed
  • 【限时免费】20天拿下华为OD笔试之【回溯】2023Q1-硬件产品销售方案【欧弟算法】全网注释最详细分类最全的华为OD真题题解
  • 蜻蜓c影视追剧系统-多个小程序添加说明
  • linux 测试存储介质.emmc.nand.ufs.硬盘的读写速度方法
  • 基于 KubeSphere 部署 KubeBlocks 实现数据库自由
  • 图像识别-人脸识别与疲劳检测 - python opencv 计算机竞赛
  • 高性能计算与多模态处理的探索之旅:英伟达GH200性能优化与GPT-4V的算力加速未来
  • 代码随想录算法训练营Day59|动态规划17
  • 软考 系统架构设计师系列知识点之软件构件(2)
  • 【试题011】C语言多个运算符计算例题
  • win10系统同时安装 vue2和vue3
  • 带声学释放器的近海海底潜标的回收记录
  • 新加坡服务器托管
  • Si24R2|2.4G单发射芯片 +7dBm可调功率 校讯通
  • 如何让ChatGPT生成图片?
  • 从零开始学习 Java:简单易懂的入门指南之反射(三十八)
  • 【七:(测试用例)spring boot+testng+xml+mock实现用例管理+数据校验】
  • 哪些数据应该先治理
  • No module ‘xformers‘. Proceeding without it.
  • Stable Diffusion WebUI报错RuntimeError: Torch is not able to use GPU解决办法
  • 金融信息化研究所与YashanDB等单位启动金融多主数据库应用行动计划
  • 工具篇之Axure RP 10的使用
  • C#选择排序(Selection Sort)算法
  • 【Mysql】InnoDB数据页结构(五)