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

elementui中的表单,根据条件判断切换是否必填

在这里插入图片描述
在这里插入图片描述

 <el-dialog title="新增放射源" custom-class="dialog" v-if="open" :visible.sync="open" width="50%" top="10vh"><el-form ref="form" class="formSelect" :rules="rules" :model="form" label-width="150px"><el-row class="dialog-form"><el-col :span="24"><el-form-item label="新增方式:"><el-radio-group v-model="form.addWay" @input="radioFormChange"><el-radio-button label="1">从全息档案中选择</el-radio-button><el-radio-button label="2">手动输入</el-radio-button></el-radio-group></el-form-item><el-form-item label="统一社会信用代码:" prop="creditCode" :rules='form.addWay==1?[{required:false}]:rules.creditCode'><el-input placeholder="请输入统一社会信用代码" :disabled="form.addWay==1?true:false" v-model="form.creditCode"></el-input></el-form-item></el-col></el-row></el-form><div slot="footer" class="dialog-footer"><el-button @click="cancel('form')">取 消</el-button><el-button type="primary" @click="submitForm('form')">保 存</el-button></div></el-dialog>
open: false, //打开弹窗
form: {addWay: 1,
},rules: {creditCode: [{required: true,message: "请输入统一社会信用代码",trigger: "change",},],
},
 // 弹窗中的切换radioFormChange(val) {this.$refs.form.resetFields();},// 提交按钮submitForm(formName) {this.$refs[formName].validate((valid) => {if (valid) {console.log("submit!");} else {console.log("error submit!!", this.form);return false;}});},//  取消cancel(formName) {this.$refs[formName].resetFields();},

相关文章:

  • [Windows] 植物大战僵尸杂交版
  • 【NOI】C++程序结构入门之循环结构二-for循环
  • 非计算机行业的人,如何使用大模型进行自媒体创作
  • 【MySQL】库和表的操作
  • 【C++奇技淫巧】CRTP(奇特重现模板模式)
  • 为了搞清楚 DNS,我花了 1.99 买了一个域名
  • Esxi_FAQ_2024.6.3
  • 实用篇| huggingface网络不通
  • 【Node】node的Console模块使用。
  • 【面试题-012】什么是Spring 它有哪些优势
  • 回溯算法题模板与实战详解
  • 通用代码生成器应用场景六,为完善的应用系统收集需求
  • python替换“${}“占位符为变量,实现读取配置文件
  • MiniQMT国债逆回购策略Python代码全解析
  • CSAPP Lab05——Performance Lab完成思路
  • 【mysql】环境安装、服务启动、密码设置
  • docker python 配置
  • extjs4学习之配置
  • IP路由与转发
  • Java读取Properties文件的六种方法
  • nfs客户端进程变D,延伸linux的lock
  • opencv python Meanshift 和 Camshift
  • React as a UI Runtime(五、列表)
  • 分布式事物理论与实践
  • 前端自动化解决方案
  • 浅谈Kotlin实战篇之自定义View图片圆角简单应用(一)
  • 什么是Javascript函数节流?
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 正则学习笔记
  • 专访Pony.ai 楼天城:自动驾驶已经走过了“从0到1”,“规模”是行业的分水岭| 自动驾驶这十年 ...
  • ​如何防止网络攻击?
  • # 利刃出鞘_Tomcat 核心原理解析(二)
  • #数学建模# 线性规划问题的Matlab求解
  • $分析了六十多年间100万字的政府工作报告,我看到了这样的变迁
  • (01)ORB-SLAM2源码无死角解析-(56) 闭环线程→计算Sim3:理论推导(1)求解s,t
  • (24)(24.1) FPV和仿真的机载OSD(三)
  • (floyd+补集) poj 3275
  • (ISPRS,2021)具有遥感知识图谱的鲁棒深度对齐网络用于零样本和广义零样本遥感图像场景分类
  • (Matalb时序预测)WOA-BP鲸鱼算法优化BP神经网络的多维时序回归预测
  • (办公)springboot配置aop处理请求.
  • (分布式缓存)Redis哨兵
  • (九)c52学习之旅-定时器
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境
  • (转)c++ std::pair 与 std::make
  • (总结)Linux下的暴力密码在线破解工具Hydra详解
  • .net 7 上传文件踩坑
  • .net core控制台应用程序初识
  • .net framework profiles /.net framework 配置
  • .NET Framework杂记
  • .Net IOC框架入门之一 Unity
  • .Net7 环境安装配置
  • .NET正则基础之——正则委托
  • /usr/bin/perl:bad interpreter:No such file or directory 的解决办法
  • @kafkalistener消费不到消息_消息队列对战之RabbitMq 大战 kafka
  • @RestController注解的使用