在实际开发过程中,发现以下的写法比较累赘,因为在后面的项目中,继续优化表单验证的方法,让代码更简洁。主要的修改是验证方法的修改和调用以前验证表单字段的最大长度,description: [{ max: 200, message: '最大长度为200个字符', trigger: 'blur' }]现在写法:description: [validateLen]  其中,validateLen是我封装的一个方法。使用步骤:  1、在uitls文件夹中新建一个validate.js文件。  2、定义需要验证的方法  3、在需要使用的页面中引入import { validateLen, validateChart_ } from   4、在用于校验的rules中使用。只是把旧的写法统一封装成了return 进行输出。

vue 使用rules对表单字段进行校验的步骤

vue 使用rules对表单字段进行校验的步骤

vue 使用rules对表单字段进行校验的步骤

vue 使用rules对表单字段进行校验的步骤

vue 使用rules对表单字段进行校验的步骤

vue 使用rules对表单字段进行校验的步骤

vue 使用rules对表单字段进行校验的步骤

vue 使用rules对表单字段进行校验的步骤

vue 使用rules对表单字段进行校验的步骤

vue 使用rules对表单字段进行校验的步骤