问题描述:elementUI表单提交页面,初始化页面是获取接口数据,给form赋值,但是有时候这些会是空值情况,如果是空值,再给form表单赋值的话,页面初始化时候进行rules校验会不通过,此时前端需要做的优化有以下两种方式:
方法一: 最简单的方法在这个form表单中直接赋值为空对象,不写属性名称
data() {
return {
form: {},
rules: {
remarks: [{ required: true, message: "审核备注不能为空" }]
},
};
},
<el-form-item label="审核备注:" prop="remarks">
<el-input type="textarea" v-model="form.remarks" size="medium"></el-input>
</el-form-item>
方法二:
created() {
this.$nextTick(() => {
this.$refs["form"].clearValidate()
})
}