前端国际化-form表单验证提示语

Posted 2021-03-20 ctb-web

表单验证的规则对象不要再data里面写入，在computed里面写，就可以了

export default {
    name: ‘index‘,
    data() {
      return {
        ruleValidate: {
            name: [
                { required: true, message: this.$t("name"), trigger: 
                   ‘blur‘ }
             ]
          }
      };
    }
  };

把上面代码，改成下面这种

export default {
    name: ‘index‘,
    data() {
      return {
        
      };
    },
    computed:{
       ruleValidate(){
          return{
             name: [
                { required: true, message: this.$t("name"), trigger: 
                   ‘blur‘ }
              ]
            }
        }
    }
  };

这样，在切换语言时，提示信息也可以自动切换了