vue表单验证

2023-03-04 20:21:39 来源:网络

vue表单验证

vue 验证表单格式rule和清空表单resetfields

一、前端界面

有一个对话框,内有2个输入框testappname和testdescription,以及2个按钮cancel和submit

二、增加表单格式校验规则rule

给这2个输入框都加入非空校验

注意:el-form-item上设置prop字段,表单rule验证和resetfields() 清理的都是prop绑定的字段

三、清空表单resetfields

form要设置ref,且ref值要与 this.$refs[formName].resetFields()中的foemName一致

免责声明:内容来自网络,若侵犯您的权利,请在一个月内通知我们,会及时删除

@轻流