官方提供了一个api
resetFields 对整个表单进行重置,将所有字段值重置为空并移除校验结果
cancelAdd的方法带的参数是你的ref名字
<Modal @on-cancel="cancelAdd('addMainValidate')">
<Form :model="mainForm" ref="addMainValidate" >
<FormItem prop="contractNumber">
<Input type="text" v-model="mainForm.contractNumber" placeholder="请输入供应商"></Input>
</FormItem>
</Form>
</Modal>
cancelAdd(name){
//重置表单 获取到方法穿过来的参数 refs名 然后直接.resetFields()重置就可以了
this.$refs[name].resetFields();
},
//或者简单粗暴一点不带参数
cancelAdd(){
this.$refs['addMainValidate'].resetFields();
}