vue form表单验证清除
vue from 表单验证清除
·
说在前面:
在开发中有这样一个需求,单击按钮会弹窗,填写表单后,触发验证提示信息。关闭弹窗后,在次打开,验证提示信息还会存在。这种不是太友好,所以在弹窗后,手动清除上一次的验证提示信息。
清除表单内容和清除表单验证消息
this.$nextTick(()=>{
this.$refs['testForm'].resetFields();
})
只清除表单验证消息,不清除表单内容
this.$nextTick(()=>{
this.$refs['testForm'].clearValidate()
})
清除表单验证消息不起作用时,可尝试
setTimeout(() => {
this.$refs["testForm"].clearValidate();
}, 30);
注:testForm 是指当前表单绑定的对象
<el-form ref="testForm" :model="testForm"/>
更多推荐
已为社区贡献1条内容
所有评论(0)