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即代表选择有问题时

Guess you like

Origin blog.csdn.net/miem_yang/article/details/121378409