Vue中常用rules校验规则(实例代码)

当然！下面是关于\"Vue中常用rules校验规则(实例代码)\"的完整攻略：

Vue中常用rules校验规则

Vue中的表单校验规则可以通过rules属性来定义。以下是两个常用的校验规则示例：

示例1：必填字段校验

data() {
  return {
    form: {
      name: ''
    },
    rules: {
      name: [
        { required: true, message: '请输入姓名', trigger: 'blur' }
      ]
    }
  }
}

在这个示例中，我们定义了一个表单对象form，其中包含一个name字段。然后，我们使用rules属性定义了一个校验规则，要求name字段为必填字段，如果未填写，则显示错误提示信息\"请输入姓名\"。

示例2：长度限制校验

data() {
  return {
    form: {
      password: ''
    },
    rules: {
      password: [
        { min: 6, max: 12, message: '密码长度为6-12位', trigger: 'blur' }
      ]
    }
  }
}

在这个示例中，我们定义了一个表单对象form，其中包含一个password字段。然后，我们使用rules属性定义了一个校验规则，要求password字段的长度在6到12位之间，如果长度不符合要求，则显示错误提示信息\"密码长度为6-12位\"。

希望这个攻略对你有所帮助！如果你还有其他问题，请随时提问。