表单校验规则

表单校验规则

1. 先在相应表单绑定rules属性，值是验证规则对象:rules=“loginFormRules”
2. 在data中定义验证规则对象

export default {
  data() {
    return {
      // 这是登录表单的验证规则对象
      loginFormRules: {
        // 验证用户名是否合法
        username: [
          { required: true, message: "请输入用户名名称", trigger: "blur" },
          { min: 3, max: 10, message: "长度在 3 到 10个字符", trigger: "blur" },
        ],
};

3.在需要的表单数据项中通过prop加入相应的规则对象。

<el-form-item prop="username">