Как переопределить сообщение об ошибке Vee Validate для одного компонента Vue? - PullRequest
Новая
       117

Как переопределить сообщение об ошибке Vee Validate для одного компонента Vue?

0 голосов
/ 27 мая 2020

У меня есть глобальное правило проверки, например: 

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?

1 Ответ

1 голос
/ 01 июня 2020

Вы можете указать c сообщения для каждого ValidationProvider компонента, используя custom-messages prop 

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

Вы можете извлечь его из свойства data и использовать его для поставщиков в вашем компоненте: 

<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>
...