【element-ui】form表单初始化页面如何取消自动校验rules

 

问题描述：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()
 })
}