vue获取el-form的整体验证状态_vue.js_

el-form-item 的验证状态在 validateState 属性中，该属性的值, 默认为：空字符串，验证通过为success, 验证失败为error

如果需要在一开始就要通过表单数据的验证状态，决定操作按钮（如：保存）是否禁用，那么需要注意两点：

• 需要通过如下方式获取验证状态

  // this.$refs.validateForm 表示一个el-form // this.$refs.validateForm.fields 表示所有el-form-item // validateStateArr结果大概会是：['','success','error'] const validateStateArr = this.$refs.validateForm.fields.map((item) => { return item.validateState; })

• 有两种情况表示验证不通过:
  • A情况：el-form-item的validateState为error.
  • B情况：el-form-item存在验证规则，但validateState为空字符串.

示例代码:

到此这篇关于vue获取el-form的整体验证状态的文章就介绍到这了,更多相关vue获取el-form的整体验证状态内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！