校验生效得遵循一个规格即
el-form-item包含的组件间中v-model绑定的值得与el-form-item上绑定的prop保持一致,并且在el-form绑定的model属性中,以下代码 为 name
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item> </el-form> ruleForm = { name:'小明' } const rules = { name: [ { required: true, message: _t('common.pleaseEnter'), trigger: 'blur', }, ], }
如果不满足以上条件时,则需要自己手动去绑定
this.$refs.ruleForm.validateField(key)