vee-validate 2.2.5 digits

在 vee-validate 2.2.5 中，digits 规则用于验证输入值是否是指定的数字长度。它需要一个参数来指定所需的数字长度。例如，如果我们想要验证输入值是否为 6 位数字，可以使用以下规则：

import { required, digits } from 'vee-validate';

const validations = {
  code: {
    required,
    digits: digits(6)
  }
};

在上面的示例中，我们将 digits 规则应用于名为 code 的输入字段，并且将 6 作为参数传递给该规则。这将确保输入值为 6 位数字。如果输入的值不符合这个条件，将会显示一个错误消息。

<template>
  <div>
    <input v-model="code" type="text" />
    <span>{{ errors.first('code') }}</span>
  </div>
</template>

import { required, digits } from 'vee-validate';

const validations = {
  code: {
    required,
    digits: digits(6)
  }
};

export default {
  name: 'MyComponent',
  data() {
    return {
      code: ''
    };
  },
  validations
};

在上面的示例中，我们将代码输入绑定到组件的 data 中，并将 validations 对象传递到组件。我们可以使用 errors.first('code') 来获取名为 code 的输入字段的第一个错误消息。如果输入的值不是 6 位数字，则将显示 digits 规则的错误消息。