el-form中校验失效的问题

2021-04-26阅读(3151)评论(0)牵着狗狗看MM

苏州实时公交查询

校验生效得遵循一个规格即

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)

 

赞(9)
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » el-form中校验失效的问题
分享到: 更多 (0)