vueform自定义校验规则

在 Vue.js 中使用 vueform 进行自定义校验规则，可以通过在表单组件中定义 `validations` 对象来实现。例如：

<template>
  <form>
    <input v-model="email" name="email" type="email" />
    <span v-if="!$v.email.required">Email is required</span>
    <span v-if="!$v.email.email">Invalid email format</span>
  </form>
</template>

<script>
import { validationMixin } from 'vuelidate'
import { required, email } from 'vuelidate/lib/validators'

export default {
  mixins: [validationMixin],
  data() {
    return {
      email: ''
    }
  },
  validations: {
    email: {
      required,
      email
    }
  }
}
</script>

在上面的例子中，我们定义了一个 `validations` 对象，其中 `email` 是表单项的名称，`required` 和 `email` 是校验规则。如果校验不通过，就会显示相应的错误信息。