如何通过mixins实现elementUI表单的全局验证功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1188个文字,预计阅读时间需要5分钟。
在搭建基于ElementUi的框架时,全面进行全局验收确实是一项挑战。以下是一些解决策略:
1. 验收规则: - 功能性测试:确保每个功能都能按预期工作。 - 兼容性测试:在不同的浏览器和设备上测试应用。
2. 分析规则: - 确定验收标准和目标。 - 识别潜在风险和问题。
3. 一般验收规则: - 是否必填字段都已标明。 - 用户界面是否一致。
具体方法如下:- 设计详细的测试用例,覆盖所有功能。- 使用自动化测试工具,如Selenium,提高效率。- 进行回归测试,确保新更改不会破坏现有功能。
使用ElementUi搭建框架的时候,大家应该都有考虑过怎么做全局验证,毕竟复制粘贴什么的是最烦了,这里分享下个人的解决方法。
验证规则
分析规则
一般验证规则,主要是是否必填,不为空,以及参数类型的验证。
基于这个条件,我们开始找找思路, 单个字段的验证是这样的:
name: { required: 是否必填, validator: 自定义规则, message: 失败提示消息(非自定义时触发), trigger: 触发方式 }
循环实现
固定的规则。当一个东西固定之后,那必然是可以重复使用的,并且可以快速生成,我们可以用循环来实现它。
但是用循环来实现,我们则需要一个数据规则。
本文共计1188个文字,预计阅读时间需要5分钟。
在搭建基于ElementUi的框架时,全面进行全局验收确实是一项挑战。以下是一些解决策略:
1. 验收规则: - 功能性测试:确保每个功能都能按预期工作。 - 兼容性测试:在不同的浏览器和设备上测试应用。
2. 分析规则: - 确定验收标准和目标。 - 识别潜在风险和问题。
3. 一般验收规则: - 是否必填字段都已标明。 - 用户界面是否一致。
具体方法如下:- 设计详细的测试用例,覆盖所有功能。- 使用自动化测试工具,如Selenium,提高效率。- 进行回归测试,确保新更改不会破坏现有功能。
使用ElementUi搭建框架的时候,大家应该都有考虑过怎么做全局验证,毕竟复制粘贴什么的是最烦了,这里分享下个人的解决方法。
验证规则
分析规则
一般验证规则,主要是是否必填,不为空,以及参数类型的验证。
基于这个条件,我们开始找找思路, 单个字段的验证是这样的:
name: { required: 是否必填, validator: 自定义规则, message: 失败提示消息(非自定义时触发), trigger: 触发方式 }
循环实现
固定的规则。当一个东西固定之后,那必然是可以重复使用的,并且可以快速生成,我们可以用循环来实现它。
但是用循环来实现,我们则需要一个数据规则。

