elementui validate prop 效验表单数据

 

 <el-form-item label="附件" prop="attachs"  ref= 'csref'>

          <v-uploadfile

            @setval="uploadSuccessattachs"

            :fileids="slotForms.forms.attachs"

            v-if="uSwitch"

            :disabled="null"

            :accept="'imgMove'"

            :limit="5"

            :fileSize="10"

            :multiple="true"

          />

        </el-form-item>

 

 

 

  <el-form-item label="附件" prop="attachs"  ref= 'csref'>

 

  this.$refs.csref.clearValidate();  清楚提示

三、在编辑的时候，刚一进页面就校验非空
你从后端拿的数据编辑反显，赋值给表单绑定的对象，绑定值改变触发了表单验证，但后端给的值是空的，所以验证报错了
解决方法：
1.在保证文中其他规则都正确的情况下，看看你的rules里面的trigger是不是"change"，如果是的话改成其它的。
2.在反显赋值的时候，将表单的第一次校验清除掉
这里使用了es6的箭头函数和简写

this.ruleForm = ...//赋值
this.$nextTick(()=>this.$refs.ruleForm.clearValidate())