首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用ValidationProvider上的字典(Vue.Js)自定义VeeValidate的“必需”错误消息

如何使用ValidationProvider上的字典(Vue.Js)自定义VeeValidate的“必需”错误消息
EN

Stack Overflow用户
提问于 2019-03-10 14:18:54
回答 1查看 561关注 0票数 0

当没有填充带有"cpf“规则的组件MyInput时,我想更改错误消息(换句话说,当具有"cpf"规则的组件不满足”必需的“规则时)。

我认为带有自定义消息的“字典方法”应该可以完成这项工作,但我无法让它工作。

下面的代码显示的错误消息是"O campo cpféobrigatório“。我想在字典中显示(“preencher o cpf”)下面的字典中的信息。我认为这本字典由于某种原因没有被考虑。

在我的main.js中,我有以下代码:

代码语言:javascript
复制
import Vue from 'vue';
import App from './App.vue';
import './core/extensions';

new Vue({
  render: h => h(App),
}).$mount('#app');

以及在extensions.js

代码语言:javascript
复制
import Vue from 'vue';
import VeeValidate, { Validator } from 'vee-validate';
import ptBR from 'vee-validate/dist/locale/pt_BR';

const dict = {
   messages: ptBR.messages,
   pt_BR: {
     custom: {
        cpf: {
          required: 'Favor preencher o cpf',
        },
      }
    },
  };

Vue.use(VeeValidate);

Validator.localize({ pt_BR: dict })

Validator.extend('cpf', (val) => {
     return false //just to test
});

App.vue (简单示例):

代码语言:javascript
复制
<template>
    <div id="app">
     <ValidationObserver ref="observer">
         <ValidationProvider ref="cpfinput" rules="cpf" name="CPF">
            <myInput
              slot-scope="{ errors }"
              :errorProp="errors"
              name="cpf"
            />
          </ValidationProvider>
      </ValidationObserver>    
    </div>
</template>

我用的是vee-validate 2.1.5vue 2.5.17

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-10 15:05:15

像这样把你的字典递给我,它应该能用:

代码语言:javascript
复制
const dict = {
  messages: ptBR.messages,
  pt_BR: {
    custom: {
      cpf: {
        required: 'Favor preencher o cpf',
      },
    }
  },
};
Vue.use(VeeValidate, {
  locale: 'pt_BR',
  dictionary: dict
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55088600

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档