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了。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM