18.Vue+Element UI的form表单规则验证国际化(多语言)

举例说明,先看看吧。

  

 1  export default {
 2     computed: {  //使用computed计算属性来操作form表单规则的国际化
 3             rules(){  //此处的rules 是你声明的名字,参考下图
 4                 var validate_Types = (rule, value, callback) => {   //兑换类型规则
 5                     if(this.ruleForm.types == ''){
 6                         callback(new Error(this.$t('message.rule.qxzdhzjlx')));
 7                     }
 8                     callback();
 9                 };
10                 return{  //注意此处的return,别忘记了
11                     ConverTypes: [
12                         {validator: validate_Types, trigger: 'change' },
13                     ],
14                     money: [
15                         { required: true, message: this.$t('message.rule.qsrdhje'), trigger: 'change' },
16                         { min: 1, max: 10, message: this.$t('message.rule.jecd'), trigger: 'change' }
17                     ],
18                     pass:[
19                         { required: true, message: this.$t('message.rule.qsraqmm'), trigger: 'change' }
20                     ],
21                     smsCode:[
22                         { required: true, message: this.$t('message.rule.dtmbkwk'), trigger: 'change' }
23                     ],
24                 }
25             }
26         },
27     data(){
28          return{
29            
30          }  
31     }
32 }        

整个过程呢,也就这两三步。到此就设置OK了。

猜你喜欢

转载自www.cnblogs.com/xintao/p/11138500.html