您的位置:首页 > 游戏 > 游戏 > elementui中的表单,根据条件判断切换是否必填

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

2025/7/3 13:21:07 来源:https://blog.csdn.net/EstherNi/article/details/139412884  浏览:    关键词: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();},

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com