问题:验证调用validateApi的时候一直验证不通过
bug原因:
上面这两个名字一定要一样啊
体会:要看清楚文档啊,人麻了,一个小时就搞了这。。。。。
顺便写写他的用法,方便以后用到吧
1.form绑定model是对象,rules是规则集合,formRef用于验证提交
<el-form
ref="formRef"
class="demo-form"
:label-position="labelPosition"
label-width="160px"
:model="form"
:rules="rules"
>
<el-form-item label="网站应用AppID" prop="AppID">
<el-input v-model="form.AppID" placeholder="请输入网站应用AppID" />
</el-form-item>
</el-form>
提示:prop的名称一定是v-model绑定值的键名啊
2.数据
form:{
AppID:""
},
rules: {
AppID: [
{ required: true, message: '请输入网站应用AppID', trigger: 'blur' },
],
}
3.提交
state['formRef'].validate((valid) => {
console.log(valid, 'dddddddddd')
})