博客

封装如下方法，用于重置表单对象的值，参数为该对象，需要清空表单的时候调用该方法

const clearTheObj = (obj) => {
  let emptyArr = {};
  for (let key in obj) {
    emptyArr[key] = '';
  }
  Object.assign(obj, emptyArr)
}

//    ---------------------------------例子---------------------------
//获取表单对象
const ruleFormRef = ref<FormInstance>()  //关联的表单ref
let form = reactive({
  orgin: '',
  destination: '',
  transport: '',
  prescription: '',
})

const closeClearForm = () => {
  ruleFormRef.value.resetFields()  // 重点：饿了么UI表单需要用这个方法来清空已经触发的表单验证
  clearTheObj(form)  //调用方法
}