VeeValidate 2.2.15 html 中自定义验证

在 VeeValidate 2.2.15 中，你可以通过 `extend` 方法自定义一个验证器。例如，如果你想要验证用户输入的字符串是否为纯数字，你可以这样定义一个验证器：

import { extend } from 'vee-validate';
import { isNumeric } from 'validator';

extend('numeric', {
  validate: value => isNumeric(value),
  message: 'This field must be numeric'
});

在上面的代码中，我们使用了一个名为 `isNumeric` 的第三方库来判断传入的值是否为纯数字，如果是，验证通过，否则验证失败，返回一个自定义的错误信息。

接下来，你可以在你的 HTML 表单中使用这个验证器：

<template>
  <form @submit.prevent="submit">
    <div>
      <label for="numeric-input">Numeric input</label>
      <input type="text" id="numeric-input" v-model="numericInput" v-validate="'numeric'">
      <span v-show="errors.has('numeric')"> {{ errors.first('numeric') }}</span>
    </div>
    <button type="submit">Submit</button>
  </form>
</template>

在这个例子中，我们在 `input` 元素上使用了 `v-validate` 指令，并传入了我们刚刚定义的 `numeric` 验证器的名称。这样，在用户输入时，VeeValidate 会自动调用我们的验证器来验证用户的输入，并在验证失败时显示一个自定义的错误信息。