如何通过Vue的rules对表单字段进行详细且复杂的校验规则设置？

本文共计1978个文字，预计阅读时间需要8分钟。

在开发过程中，发现以下写法较累赘，可简化如下：

在开发过程中，发现以下写法较冗余，简化如下：由于后续项目中，需持续优化验证方法，使代码更简洁。主要修改为验证方法的调整和调用，以及缩短前验证表单字段的最大长度。

在实际开发过程中，发现以下的写法比较累赘，因为在后面的项目中，继续优化表单验证的方法，让代码更简洁。主要的修改是验证方法的修改和调用

以前验证表单字段的最大长度，description: [{ max: 200, message: '最大长度为200个字符', trigger: 'blur' }]

现在写法：description: [validateLen(200)]

　　其中，validateLen是我封装的一个方法。

使用步骤：

　　1、在uitls文件夹中新建一个validate.js文件。

　　2、定义需要验证的方法

　　3、在需要使用的页面中引入import { validateLen, validateChart_ } from '@/utils/validate'

　　4、在用于校验的rules中使用。例如：description: [validateLen(200)]

具体写法：参考如下。只是把旧的写法统一封装成了return 进行输出。