1

我想使用 vee-validation 本地化一些消息和属性名称。this.$validator.localize('en', { messages: { required: (field) => '* ' + field + required'}, attributes: { email: 'Email' }});只有在“created()”函数中使用 Eg: 时，我才能本地化消息。但我想在“main.js”中给出这个。每当我在 main.js 中调用它时，它都会抛出如下错误：

“未捕获的类型错误：无法读取未定义的属性‘本地化’”

我在 main.js 中的代码。我在 main.js 中给出了这段代码，因为我想在所有 vue 文件中访问我的项目。下面是我的代码。

import Vue from 'vue'
import App from './App'
import router from './router'
import VeeValidate from 'vee-validate';
import { Validator } from 'vee-validate';

Vue.use(VeeValidate);

this.$validator.localize('en', {
      messages: {
        required: (field) => '* ' + field + ' is required'
      },
      attributes: {
        email: 'Email'
      } 
    });

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: {
    App
  }
})
4

2 回答 2

1

在您的代码示例this.$validator中，在不知名的地方调用......您需要将它放在您的 Vue 实例中，例如在挂载的钩子中：

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: {
    App
  },
  mounted() {
    this.$validator.localize('en', {
      messages: {
        required: (field) => '* ' + field + ' is required'
      },
      attributes: {
        email: 'Email'
      } 
    })
  }
})
于 2018-05-03T07:24:32.407 回答
0

如果我们要更改所有默认消息，请包括一些属性更改。定义您的消息，然后安装在主 js 文件中

         const dict = {
            messages: {
                required: (field) => 'Please Enter ' + field + ''
            },
            attributes: {
                name: 'Name',
                email: 'Email Id '
            }
        }
        const app = new Vue({
            el: '#app',
            router: router,
            components: {
                App
            },
            mounted() {
                this.$validator.localize('en', dict);
            }
        });

  //  Make to change in single required message
    const dict = {
        custom: {
            email: {
                required: 'Please Enter Valid Email Id'
            },
            name: {
                required: 'Name include first and last name'
            }
        }
    }
    const app = new Vue({
        el: '#app',
        router: router,
        components: {
            App
        },
        mounted() {
            this.$validator.localize('en', dict);
        }
    });
于 2019-07-31T15:57:53.890 回答