element ui 中如何根据条件动态判断表单的某一项是否为必填?
我们一般在定义表单时,都习惯将表单的校验规则放在 data 中,当我们想动态的根据某一个数据的相应状态决定表单项是否为必填时,发现数据无法响应。
content: [
{ required: this.isRequire, message: '请输入内容', trigger: 'blur' },
]
此时,我们只需要将这一项数据的校验规则提出来,放在表单项上就好了。
<el-form-item
label="内 容"
prop="content"
:rules="[{required:isRequire,message: '请输入用户名'}]"
>