项目使用 element-ui和vue-i18n来做验证和国际化,在配置表单验证的时候我到一个问题,能不能在设置el-form表单验证的rules属性的时候,规则里面不设置message属性可以自动实现国际化(类似jquery.validate)?
1. 解决方案
把校验规则rules放在computed当中即可。
1 computed: { 2 rules() { 3 const rules = { 4 oldPassword: [ 5 { required: true, message: this.$t('message.mes9'), trigger: 'blur' }, 6 ], 7 newPassword: [ 8 { required: true, message: this.$t('message.mes9'), trigger: 'blur' }, 9 ], 10 newPasswordAgain: [ 11 { required: true, message: this.$t('message.mes9'), trigger: 'blur' }, 12 ] 13 }; 14 return rules 15 } 16 }