如何验证对象中的特定数据(Vee-validate)并显示自定义错误消息?

时间:2017-09-01 06:31:37

标签: vue.js vuejs2

如何在vee-validate中验证对象中的特定数据? 我只想验证对象中的名字和姓氏,然后显示自定义错误消息,因为我正在使用命名约定。

我想在点击提交时验证名字和姓氏。

data() {
      return {
         per: {
            strFirst: '',
            strMiddle: '',
            strLast: ''
         }
      }

Here's my code

1 个答案:

答案 0 :(得分:0)

当然,您可能需要覆盖错误消息或添加新消息。 Validator类及其实例提供updateDictionary方法。它会将消息与内部字典合并,覆盖任何重复项。

import { Validator } from 'vee-validate';
const dictionary = {
  en: {
    messages:{
      alpha: () => 'Some English Message'
    }
  },
  ar: {
    messages: {
      alpha: () => 'Some Arabic Message'
    }
  }
};

Validator.updateDictionary(dictionary);

const validator = new Validator({ first_name: 'alpha' });

validator.setLocale('ar'); // now this validator will generate messages in arabic.

这是vee-validate插件的链接 - http://vee-validate.logaretm.com/rules.html#custom-messages