vue elementui表单验证组件动态修改required状态

最近遇到的需求:在一个表单里,有一个单选项检查结果:(无问题 有问题 不适用)(必填)和输入框问题描述下拉框整改状态:(选填),当检查结果选项值为(有问题)时问题描述和整改状态变为必填项,否则为选填项。如果像以前表单验证正常写法就会报错如下:在这里插入图片描述
正常显示代码如下

下面展示一些 内联代码片

<el-form-item label="问题描述" prop="desrc" :rules="{required:menuForm.result == '1'? true:false,message:'请输入问题描述'}">
    <el-input v-model="desrc" placeholder="请输入内容"></el-input>
</el-form-item>
// menuForm.result 为检查结果单选项的值 为1即代表选择有问题时
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值