<el-form-item label="是否选则债务人单位" prop="sfjtgn"> <el-switch v-model="form.sfjtgn" active-text="是" inactive-text="否" @change="updateZwrZt" /> </el-form-item> <el-form-item label="债务人单位" prop="zwrZtId" :rules="{required:true,message:'请选择债务人单位',trigger:'change'}" v-if="form.sfjtgn" > <el-select v-model="form.zwrZtId" placeholder="请选择" @change="selectZwrZt(form.zwrZtId)" :disabled="form.sfjtgn ?false:true" > <el-input v-model="ztName" v-on:input="selectZtByZtName" /> <el-option v-for="it in zwrZtIds" :key="it.id" :label="`${it.name}(${it.code})`" :value="it.id" v-show="it.id!=form.ztId" /> </el-select> </el-form-item>
需要根据某个状态切换规则,如下
:rules="form.sfjtgn?{required:true,message:'请选择债务人账套',trigger:'change'}:{required:false}"
或者
:rules="{required:form.sfjtgn,message:'请选择债务人账套',trigger:'change'}"
注意:需要在data的return里面定义rules:{}
分类:
前端
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】