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
      }
    }