首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >更改vee-验证'date_format‘、'after’或'before‘的错误消息

更改vee-验证'date_format‘、'after’或'before‘的错误消息
EN

Stack Overflow用户
提问于 2017-07-19 00:34:48
回答 1查看 1.1K关注 0票数 0

我正在尝试更改vee-validate为使用momement.js库的函数生成的错误消息。我可以更改其他验证规则的消息,例如'required',但不能更改'date_format‘、'before’或'after‘的消息。这是因为这些规则使用了moment.js库吗?有什么方法可以改变这些错误消息吗?

代码语言:javascript
运行
复制
Vue.use(VeeValidate,{
  fieldsBagName: 'vFields',
  dictionary: {
    en: {
      messages: {
        required: 'Your field is empty', // messages can be strings as well.
        date_format: 'wrong format for date',
        after:"date is too old",
      }
    }
  }
});

new Vue({
  methods: {
    validate() {
      this.$validator.validateAll().then(() => {
        alert('Is valid')
      }).catch(() => {
        alert('Is not valid')
      })
    }
  }
}).$mount('#app')

See JSFiddle

EN

回答 1

Stack Overflow用户

发布于 2017-11-09 10:57:06

我已经在我的组件中使用以下代码实现了这一点:

代码语言:javascript
运行
复制
import VeeValidate from 'vee-validate'
const dictionary = {
    en: {
        messages: {
            after: (field, args) => `The ${field} must be greater than ${moment(args, moment.defaultFormat).format('YYYY-MM-DD HH:mm')}.`,
            date_format: (field, args) => `The ${field} is invalid.`
        }
    }
}

VeeValidate.Validator.updateDictionary(dictionary);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45172527

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档