如何为一个 Vue 组件重新定义 Vee Validate 错误消息？

【问题标题】：How to redefine a Vee Validate error message for one Vue component?如何为一个 Vue 组件重新定义 Vee Validate 错误消息？
【发布时间】：2020-05-27 10:52:10
【问题描述】：

我有一个全局验证规则，例如：

import { extend } from 'vee-validate';
import { required } from 'vee-validate/dist/rules';

extend('required', {
  ...required,
  message: 'Please fill the field'
});

此规则适用于项目中的所有 Vue 组件。但是对于一个确切的组件，我需要将消息 Please fill the field 重新定义为另一个组件。是否可以仅针对一个 Vue 组件更改消息？

【问题讨论】：

标签： vue.js vee-validate

【解决方案1】：

您可以使用 custom-messages 属性为每个 ValidationProvider 组件指定特定消息

<ValidationProvider rules="required" :custom-messages="{ required: 'required message' }">
  <!-- ... -->
</ValidationProvider>

您可以将其提取到数据道具上并将其用于组件中的提供程序：

<template>
  <ValidationProvider rules="required" :custom-messages="customMessages">
    <!-- ... -->
  </ValidationProvider>

  <ValidationProvider rules="required" :custom-messages="customMessages">
    <!-- ... -->
  </ValidationProvider>
</template>

<script>
export default {
 // ....
 data: () => ({
    customMessages: {
      required: 'custom message'
    }
  }),
  // ...
};
</script>

【讨论】：

您的解决方案适用于 required 但不适用于我的情况，请您帮助我