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

1.清空表单数据

1.使用reset()方法

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

2.原生逐个清空

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

3.Vue清空表单内容

//
this.$refs.deptForm.resetForm()

2.Vue初始化表单数据

//<el-form :model="form" :rules="rules" ref="yourForm"  abel-width="80px">
//yourForm:为vue中form表单的名称
this.$refs['yourForm'].resetFields()

需要注意的几点:

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

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

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

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

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

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