清空表单内容与初始化表单数据

3,700 阅读1分钟

1.清空表单数据

1.使用reset()方法

function formReset(){
 docunment.getElementById('myform').reset()
}

2.原生逐个清空

function resetAll(){
 $('#mydorm').find('input[type=text],select,input[type=hidden]').each(
   function(){
   $(this).val('')
   })
 }

3.Vue清空表单内容

 this.$refs.deptForm.resetForm()

2.Vue初始化表单数据

this.$refs.deptForm.resetFields()

需要注意的几点:

  • resetFields()只是重置,重置为初始值。重置的是munted时候的值。

  • 这个初始值是在form表单created时确定的,如果在created的时候赋值了,

    那么在以后的重置的时候都不会重置为空字符串。

  • 在进行编辑的时候需要在打开form表单的时候对输入框赋值,那么赋值动作就是在created的时候进行的,

    那么在以后重置的时候都不会重置为空字符串了。

    解决办法:利用this.$nextTick()将赋值操作放到dom渲染结束之后