element-ui表单验证不提供message参数如何实现提示信息国际化?

项目使用 element-ui和vue-i18n来做验证和国际化，在配置表单验证的时候我到一个问题，能不能在设置el-form表单验证的rules属性的时候，规则里面不设置message属性可以自动实现国际化（类似jquery.validate）？

 

1. 解决方案

把校验规则rules放在computed当中即可。

    computed: {
      rules() {
        const rules = {
          oldPassword: [
            { required: true, message: this.$t('message.mes9'), trigger: 'blur' },
          ],
          newPassword: [
            { required: true, message: this.$t('message.mes9'), trigger: 'blur' },
          ],
          newPasswordAgain: [
            { required: true, message: this.$t('message.mes9'), trigger: 'blur' },
          ]
        };
        return rules
      }
    }