Question: Custom messages per rule and field

Versions:

• VueJs: 2.5.16
• Vee-Validate: 2.0.9

Assumptions

• Vue SSR
• I have an input component
• Scoped form

Question:

How would I do the following? I’m trying to make the required message for firstName be:

Please enter your first name.

and for city:

Please enter the city.

Steps To Reproduce:

So far I have:

const dictionary = {
  en: {
    messages: {
      required: (field) => {
        if (field === 'firstName') {
          return `Please enter your ${field}.`
        } else if (field === 'city') {
          return `Please enter the ${field}.`
        }
        return `Please enter a ${field}.`
      },
    },
  },
}

Object.keys(veeRules).forEach(k => Validator.extend(k, veeRules[k]))
Validator.localize('en', veeEn)
Vue.use(VeeValidate, { inject: false, dictionary })

But this doesn’t seem correct.

[logaretm]

You could assign specific error messages to specific fields:

const dictionary = {
  en: {
    custom: {
      firstName: {
         required: 'Please enter your first name.'
      },
      city: {
        required: 'Please enter the city.'
      }
    }
  }
}

Object.keys(veeRules).forEach(k => Validator.extend(k, veeRules[k]))
Validator.localize('en', veeEn)
Vue.use(VeeValidate, { inject: false, dictionary })

[g3rd]

@elujoba I know that you fixed it, but more info is here: https://github.com/baianat/vee-validate/issues/1329