element某个字段根据特殊条件判断是否为必填项

根据某个字段form表单中某些字段是否必填 例如根据chargeBase字段 取值 1,Interest Rate字段为必填2为非必填 <el-form :model="form" ref="form" :inline="true" label-width="auto" :rules="addFormRules"> <el-form-item label="Interest Rate" prop="interestRate" :required="isYes"> <el-input v-model="for 阅读详情
 <el-form :model="ruleForm"
	:rules="rules"
    ref="ruleForm"
    label-width="100px"  
> 
 	<el-form-item label="项目来源" prop="projectSource" 
 	  :rules="projectSourceIsMust?rules.projectSource:[
 	  	{required: false, message: '请输入项目来源', trigger: 'blur' },
         { max: 1000, message: '项目来源不能超过1000位', trigger: 'blur'}]">
        <el-input type="textarea" :autosize="{ minRows: 3}" v-model="ruleForm.projectSource"  ></el-input>
     </el-form-item>
</el-form>

projectSourceIsMust为特殊条件,如果为true,则为必填校验规则,否则就是required: false

data中数据定义:

 data () {
 	return {
 		 ruleForm: {
 		 	projectSource:''
 		 },
 		 rules: {
 		 	projectSource: [
            {required: true, message: '请输入项目来源', trigger: 'blur' },
            { max: 1000, message: '项目来源不能超过1000位', trigger: 'blur' },]
 		 }
 	}
 }
Element-UI中的表单验证 阅读详情

相关推荐

Element Plus 动态表单联动校验规则实战指南

本文详细解析了Element Plus动态表单联动校验规则的实战应用,针对表单字段间的逻辑关联问题提供解决方案。通过自定义校验函数、响应式规则配置及复杂场景案例,帮助开发者高效实现动态表单校验,提升Vue项目开发效率与用户体验。

weixin_29011993的博客 513

vue element编辑框根据值动态确认是否是必填项required true or false

vue el-form动态确认编辑框是否为必填项:require: true/false

初心不改 5218

element-ui中表单验证的三种方式(超详细)

第一种常用方式:表单上加rules{object} <el-form class="apply-form first-form" :model="formData" :rules="rule" ref="form"> <el-form-item label="姓名" prop="visitorName"> <el-input v-model="formData.visitorName" placeholder="请输入姓名" clearable>.

https://shixuebin.gitee.io/hexo-blog/ 3万+

VUE实现element的form表单中字段联动必填校验(根据一个字段内容决定另一个字段是否为必填项)

VUE实现element的form表单中字段联动必填校验(根据一个字段内容决定另一个字段是否为必填项)

gyzzdjy的博客 7306

抖音私信卡片私信名片的原理分析

简单说一下它的功能吧:抖音私信卡片,解决了客户封号严重、引流效率低的痛点,所以从去年到现在,依然是热销品。"抖音快手私信名片链接跳转"是2022年抖音快手引流最新技术,可以生成卡片链接,支持标题、描述、logo以及跳转落地页的完全自定义配置.支持微信公众号和微信号复制唤起微信客户端app添加,同时也支持任意链接落地页跳转提高粉丝引流转化率,关注转化率,引流转化率,安全绿色私信卡片功能1、跳转微信用户点击卡片,自动跳转微信界面,显示好友和群聊二维码2、跳转链接用户点击卡片,自动跳转到指定链接,支持任意链接。3

m0_71385839的博客 5189

hcaptcha-challenger:基于本地AI模型自动破解验证码的工程实践

验证码作为区分人类与机器的经典安全机制,其核心原理是通过图像识别、行为分析等交互式挑战来阻挡自动化程序。传统绕过方法依赖第三方打码平台或脚本,存在成本高、稳定性差的问题。随着多模态大语言模型和计算机视觉技术的发展,本地化AI求解成为新的技术方向,它通过集成YOLO、ResNet等模型,在本地完成图像语义理解,实现了高隐私、低成本、可进化的验证码自动化解决方案。这种范式尤其适用于需要大规模稳定处理网页交互的场景,如电商数据采集和社交媒体管理。hcaptcha-challenger项目正是这一理念的工程实践,它

weixin_42587866的博客 1028

【el-form】根据指定表单项,决定另一表单项是否必填

场景:表单中的下拉框,只有选择指定的值,才会让另一个输入框进行必填校验,选其他的值不校验。校验要动态,输入框的提示语也动态控了下。

花椒和蕊的博客 1560

Ubuntu安装ToDesk远程控制软件

前几天有同学问我怎么在 Ubuntu 系统上安装 ToDesk 远程控制软件, 帮他安装完成后就 顺手整理了一下安装过程,所以就顺手有了这篇在 Ubuntu 系统上安装 todesk 的文章。

小白的博客 8660

Element表单校验补充

我们尝试通过一个案例对Element的表单校验进行一下补充 实现表单基本结构 创建项目 $ vue create login 选择babel / eslint 安装Element 开发时依赖 : 开发环境所需要的依赖 -> devDependencies 运行时依赖: 项目上线依然需要的依赖 -> dependencies $ npm i element-ui 在main.js中对ElementUI进行注册 import ElementUI from 'element-ui'; i.

weixin_44795287的博客 404

为什么你的PROFINET IRT同步性能不达标?等时模式常见配置误区盘点

本文深入剖析了PROFINET IRT等时模式同步性能不达标的常见原因。文章直击痛点,系统盘点了从硬件兼容性、拓扑组态、过程映像分区分配,到同步OB配置、时序参数调校及带宽管理等关键环节的配置误区,并提供了实用的诊断思路与性能优化清单,帮助工程师精准定位并解决同步抖动、时序混乱等难题。

ujm5678901的博客 457

用angr找到strcpy的栈溢出漏洞

这篇文章其实是分析angr文档里给出的一个挖漏洞的小例子。 原文链接在此:https://docs.angr.io/examples#beginner-vulnerability-discovery-example-strcpy_find 这是第一个用angr在二进制里找可利用条件的教程。第一个例子是一个非常简单的程序。这个angr脚本会从程序的entry到strcpy找到一条路径。(只有我们能够控制strcpy的参数的时候) 为了找到正确的路径,angr需要去算一个密码参数,算这个密码,angr只要2s

^_^ 1220

element 表单动态校验某个参数是否必填

如图所示:当特殊资源项的线上品牌商赞助选中时,活动形式必填;原始代码为改造为在活动形式el-form-item 加入js部分的data中加入isMenu:false,即下图部分然后监听ruleForm.resource在methods中加入监听方法当特殊资源选择改变时,会触发监听回调,改变ruleForm的校验规则。

夏沫之初的博客 1616

在 FreeStyle SAP UI5 应用里优雅落地 Draft 草稿机制:用 DraftManager 封装 DraftController 的一套实战套路

SAP Fiori应用中,Draft草稿机制是解决业务中断、多人协作和长表单填写等痛点的核心能力。本文提出了一套针对FreeStyle SAP UI5应用的Draft管理方案,通过封装sap.ui.generic.app.transaction.DraftController为DraftManager服务类,将复杂的草稿操作逻辑集中管理。该方案实现了草稿的创建、激活、丢弃等核心功能,使控制器只需调用简单意图式API即可完成操作,同时解决了组件化架构下的上下文切换、统一错误处理等问题。文章还详细介绍了后端Dr

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 2751

elementUI from表单必填项已有值但是提示信息还在

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item> <el-form-it

zhengyun1568的博客 7086

QProgressBar:常用接口、样式表及自定义进度条实现

在Qt开发中,QProgressBar 是一个非常常用的控件,用于显示任务的进度。无论是文件下载、数据处理还是其他耗时操作,QProgressBar 都能直观地展示当前进度。本文将详细介绍QProgressBar 的使用方法,包括常用接口、样式表设置,并额外补充一个自定义进度条的C++实现。

u011186532的专栏 1012

【Mode】微带传输线阻抗

微带线,英文名称为 (Microstrip) 是一种常见的平面传输线,主要用于传输微波频率信号(通常在射频和微波电路重中使用)。

u011699626的博客 244

element ui表单必填_element-ui 表单校验 Rules 配置 常用黑科技

type指示type要使用的验证器。可识别的类型值为:string:类型必须为string。type 默认是 string// 校验string: [{type: 'string', message: `请输入字符串`, trigger: 'blur'}] number:类型必须为number。// 校验number: [{type: 'number', message: `请输入数字`, tri...

weixin_29064009的博客 698

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

element的表单二级字段校验

element的表单二级字段校验 很多后台管理系统项目基本都用到vue+element组件校验,但是有时候有一些特殊的情况,类似选中某个指定的字段之后才会显示更多的字段,并且有些字段必填,这个时候的校验方式其实也比较简单。 例如这里在选择是的时候字段较少,但是当选择否的时候多出一些其他的字段校验。 上代码 // An highlighted block var foo = 'bar'; <el-form-item label="开始时间" prop="videoLive.videoStartTi

Cainannan1995的博客 999

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

vue3+element-plus,常用el-form表单校验rules、数据校验、正则表达式校验-手机号校验、密码校验、必填校验等

if (value!callback(new Error('值必须为 expectedValue'));},})

LXMoon_的博客 6234

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

使用element-ui 表格有一些特殊的表格

element单元格合并

fengxiaopeng74的博客 2383

element el-input特殊字符校验

html: <el-form-item label="名称:" prop="askName"> <el-input placeholder="请输入名称" v-model="ruleFormlist.askName" style="width: 340px" ></el-input> </el-form-item> methods: rules:

weixin_45852743的博客 2230

elment ui 表格中输入验证

vue,表格中输入,校验,element

silas_liu的博客 905

Element-UI 表单验证规则rules 配置参数说明以及判断日期开始时间不能早于结束时间

目录 表单验证规则rules 配置参数说明 自定义校验规则 表单验证规则rules 配置参数说明 Form 组件提供了表单验证的功能,只需要通过rules属性传入约定的验证规则,并将 Form-Item 的prop属性设置为需校验的字段名即可。 rules使用 rules: { name: [ /*required 是否必填 trigeer 触发检查的方式 blur 失去焦点时检查 change 值发生改变时触发*/ ...

小猫爪子 9656

element表格固定某一行_vue+element table实现对表格的某一列作特殊处理

背景在表格渲染数据的时候,都需对某列比如偏差结果作特殊处理:后台返回的数据为:0 ,1 ,-1表格显示列为 :正常,超正差,超负差显示样式分别为 tag的:success primary danger效果图image.png实现分析1,准备表格渲染数据tableData2,准备列字段,在需要特殊处理的列上添加特殊的字段比如:磅单编号 添加字段status: "link",偏差结果...

weixin_35671421的博客 1856

Element-ui自定义table表头

Element-ui自定义table表头,修改列标题样式、添加tooltip, :render-header使用简介

weixin_47353884的博客 834

elementui表单验证:2个关联,2个不填为非必填,但填写了一个后另一个也得为必填项

关键:在prop后面添加rules判断 <template> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="姓名" prop="name" :rules="ruleForm.pass ? rules.name:[{required:false}]">

weixin_45613604的博客 4426
上一篇: 手把手带你封装一个form表单
下一篇: 教你如何使用vuex进行存值取值
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值