如何驗證對象中的特定數據（Vee-validate）並顯示自定義錯誤消息？

Question

如何驗證vee驗證對象中的特定數據？ 我只想驗證對象中的名字和姓氏，然後顯示自定義錯誤消息，因爲我使用的是命名約定。

我想單擊提交時驗證名和姓。

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

Here's my code

Answer 1

當然，你可能需要改寫的錯誤信息，或添加新的。 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. 

這裏的V型驗證插件的鏈接 - http://vee-validate.logaretm.com/rules.html#custom-messages