背景
实际开发中,有些输入框在某些条件下是禁止输入的
<el-form-item label="姓名" prop="name" >
<el-input v-model.trim="form.name" :disabled="role!='admin'"></el-input>
</el-form-item>
如上,当角色是非管理员时,禁止输入,但是当角色是管理员时,需要进行验证,如何实现当为禁用时不校验呢?
<el-form-item label="姓名" :prop="role!='admin'?null:'name'" >
<el-input v-model.trim="form.name" :disabled="role!='admin'"></el-input>
</el-form-item>
prop
是重点,当我们设置不存在的 prop 值时,表单匹配不到规则是不校验的,进而实现功能