当没有填充带有"cpf“规则的组件MyInput时,我想更改错误消息(换句话说,当具有"cpf"规则的组件不满足”必需的“规则时)。
我认为带有自定义消息的“字典方法”应该可以完成这项工作,但我无法让它工作。
下面的代码显示的错误消息是"O campo cpféobrigatório“。我想在字典中显示(“preencher o cpf”)下面的字典中的信息。我认为这本字典由于某种原因没有被考虑。
在我的main.js中,我有以下代码:
import Vue from 'vue';
import App from './App.vue';
import './core/extensions';
new Vue({
render: h => h(App),
}).$mount('#app');以及在extensions.js上
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 (简单示例):
<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.5和vue 2.5.17
发布于 2019-03-10 15:05:15
像这样把你的字典递给我,它应该能用:
const dict = {
messages: ptBR.messages,
pt_BR: {
custom: {
cpf: {
required: 'Favor preencher o cpf',
},
}
},
};
Vue.use(VeeValidate, {
locale: 'pt_BR',
dictionary: dict
});https://stackoverflow.com/questions/55088600
复制相似问题