如何通过Vue的rules实现表单字段的有效性验证？

本文共计1950个文字，预计阅读时间需要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 进行输出。