清空表单内容与初始化表单数据 |
您所在的位置：网站首页 › redmiairdots重置方法 › 清空表单内容与初始化表单数据 |
|
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初始化表单数据
//
//yourForm:为vue中form表单的名称
this.$refs['yourForm'].resetFields()
需要注意的几点:
resetFields()只是重置，重置为初始值。重置的是munted时候的值。 这个初始值是在form表单created时确定的，如果在created的时候赋值了， 那么在以后的重置的时候都不会重置为空字符串。 在进行编辑的时候需要在打开form表单的时候对输入框赋值，那么赋值动作就是在created的时候进行的， 那么在以后重置的时候都不会重置为空字符串了。 解决办法：利用this.$nextTick()将赋值操作放到dom渲染结束之后 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |