element-plus的表单验证中<el-form-item :label="$t('pages.chanconfig.ip')" :rules="[{validator: validIp, trigger: 'blur'}]" prop="ip" > <el-input-number :min="1" :max="255" step-strictly :controls="false" v-model="cameraDetailsFormData.ip[0]" class="ip-split-input" /> <span class="mx-1">.</span> <el-input-number :min="0" :max="255" step-strictly :controls="false" v-model="cameraDetailsFormData.ip[1]" class="ip-split-input" /> <span class="mx-1">.</span> <el-input-number :min="0" :max="255" step-strictly :controls="false" v-model="cameraDetailsFormData.ip[2]" class="ip-split-input" /> <span class="mx-1">.</span> <el-input-number :min="2" :max="254" step-strictly :controls="false" v-model="cameraDetailsFormData.ip[3]" class="ip-split-input" /> </el-form-item>我写在每个el-form-item的表单验证生效了,但是进行提交的时候为什么不生效
时间: 2024-03-13 18:42:44 浏览: 210
可能是因为你在提交表单时没有调用 `this.$refs.form.validate()` 方法来触发表单验证。你可以在提交表单的方法中加入以下代码:
```
this.$refs.form.validate((valid) => {
if (valid) {
// 表单验证通过,可以进行提交操作了
} else {
// 表单验证不通过,不能提交
return false;
}
});
```
这样就可以在提交表单时进行验证了。如果表单验证不通过,则会返回 `false`,阻止表单提交。
阅读全文
相关推荐









