引自vue+element ui项目国际化表单验证规则切换语言后不能自动更新_dongwang的博客-优快云博客
验证信息不能直接写在message里,写在自定义规则中,如下
let validateCode = (rule, value, callback) => {
if (!value) {
return callback(new Error(this.$t('common.validateCode')))
} else {
return callback()
}
};
rules: {
code: [
{validator: validateCode, trigger: 'blur'}
]
}
在Vue结合ElementUI的项目中,遇到国际化切换后表单验证信息无法自动更新的问题。解决方案是将验证信息从message移出,放入自定义验证规则中,利用this.$t()获取当前语言的错误信息。例如,定义了一个validateCode验证函数,当触发blur事件时,根据当前语言返回相应的错误提示。
3822

被折叠的 条评论
为什么被折叠?



