校验生效得遵循一个规格即
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)
Web前端(W3Cways.com) - Web前端学习之路