18.Vue+Element UI的form表單規則驗證國際化(多語言)

舉例說明，先看看吧。

　　

 export default {
 2  computed: {　　//使用computed計算屬性來操作form表單規則的國際化 3 rules(){　　//此處的rules 是你聲明的名字，參考下圖  4                 var validate_Types = (rule, value, callback) => {   //兌換類型規則
                    if(this.ruleForm.types == ''){
                        callback(new Error(this.$t('message.rule.qxzdhzjlx')));
                    }
                    callback();
                };
 return{　　//注意此處的return，別忘記了
                    ConverTypes: [
                        {validator: validate_Types, trigger: 'change' },
                    ],
                    money: [
                        { required: true, message: this.$t('message.rule.qsrdhje'), trigger: 'change' },
                        { min: 1, max: 10, message: this.$t('message.rule.jecd'), trigger: 'change' }
                    ],
                    pass:[
                        { required: true, message: this.$t('message.rule.qsraqmm'), trigger: 'change' }
                    ],
                    smsCode:[
                        { required: true, message: this.$t('message.rule.dtmbkwk'), trigger: 'change' }
                    ],
 } 25             }
26         },
    data(){
         return{
           
         }  
    }
}        

整個過程呢，也就這兩三步。到此就設置OK了。