elementUI清空表单校验及清空表单内容信息

elementUI清空表单校验及清空表单内容信息_第1张图片

当我们想在弹窗关闭后清空内容及校验时,官方文档已经给出了解决方案

elementUI清空表单校验及清空表单内容信息_第2张图片

通过调用 resetFields 对整个表单进行重置,将所有字段值重置为初始值并移除校验结果

调用 clearValidate 移除表单项的校验结果

实现代码


            
                
                    
                
                
                    
                
                
                    
                
            
            
        

使用 @close 方法进行Dialog 关闭的回调,在关闭时使用$refs.ruleForm.resetFields()来进行清空校验

建议: 不要在取消时调用 this.$refs.ruleForm.resetFields() ,若在取消时调用点击遮罩层和X时不会进行清空

你可能感兴趣的:(vue,elementui,vue.js,前端)