zoukankan      html  css  js  c++  java
  • 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了。

  • 相关阅读:
    在springmvc中,什么是逻辑视图?什么是物理视图?
    docker2
    docker1
    HTTP Service 中篇
    HTTP Service 上篇
    Centos7 fstab盘符挂载硬盘导致重启系统失败解决办法
    vsphere网络
    LVS的工作原理认识
    数字转换
    对def函数的参数认识
  • 原文地址:https://www.cnblogs.com/xintao/p/11138500.html
Copyright © 2011-2022 走看看