vue3+ts 使用elementui-plus 时form表单无法清空

167 阅读1分钟

使用vue3 + typescript + elementui-plus 时,想要清空表单的值时发现无法清空,
网上查的方法1

err1.jpg
方法2

err2.jpg
都没有实现效果

经过一番折腾,用这个方式可以实现

err3.jpg

const clearForm=(form)=>{
  let empty={}
  for(let i in form){
    empty[i]=''
  }
  Object.assign(form,empty)
}
const cancel=(formEl)=>{
  if (!formEl) return
  clearForm(form)
  dialogFormVisible.value=false
}