vue element ui的表单验证
2019-03-25 10:26
351 查看
1.在输入框加el-form和el-form-item。prop的值为去掉validateForm的值。绑定的v-model的值为validateForm.Name。
<el-button @click=“dialogVisible = false”>取 消
<el-button type=“primary” @click=“submit(‘validateForm’)”>确 定
2.提交的时候增加验证。
submit(formName) {
this.KaTeX parse error: Expected 'EOF', got '}' at position 155: … }); }̲, 3.清空表单的值。…refs[formName] != undefined) {
_self.$refs[formName].resetFields();
}
}
相关文章推荐
- vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
- Vue ElementUI之Form表单验证遇到的问题
- vue + ElementUI 关闭对话框清空验证,清除form表单
- [vue] element-ui 中表单验证使用正则pattern
- element-ui+vuex共享自定义方法进行表单验证 validator
- vue2.0+Element-ui应用【Form表单 整数验证】
- vue+axios+element-ui实战(五)-- 验证、清除多个form表单
- vue + element-ui 的表单验证失效问题
- element-ui vue表单验证踩坑
- vue中使用element-ui进行表单验证的实例代码
- vue+element-ui集成随机验证码+用户名+密码的form表单验证
- vue中使用element-ui进行表单验证
- vue elementUI之Form表单 验证
- Vue+Element UI 下,如何给一个表单设置自定义规则或多个验证规则(:rules)
- vue + ElementUI 关闭对话框清空验证,清除form表单
- vue+elementUI实现表单和图片上传及验证功能示例
- Vue Elementui Form表单验证
- vue elementUI之Form表单 验证
- vue elementui form表单验证的实现
- vue + ElementUI 关闭对话框清空验证,清除form表单