{ this.$refs.form.clearValidate() //form是你自己表单的ref属性值 _vue切换中英文e">
当前位置:   article > 正文

解决element ui切换语言时,表单验证自动触发_vue切换中英文element表单验证中英文不变

vue切换中英文element表单验证中英文不变

项目国际化处理。一切换中英文,表单的验证就自动触发,一片红,影响观感。像这样:在这里插入图片描述
可以在watch中监听语言变化

watch:{
        //处理切换语言时,表单验证全部自动触发
        "$i18n.locale": function () {
            this.$nextTick(() => {
                this.$refs.form.clearValidate()
                //form是你自己表单的ref属性值
            })
        }
    },
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

验证规则是在computed里面,防止切换语言时,验证提醒的中英文并没有切换过来

computed : {
        codeRules() {
            return {
                phone: [
                    { required: true, message: this.$t('lang.loginTrigger.phoneTrigger'), trigger: "blur" }
                ],
                code: [
                    { required: true, message: this.$t('lang.loginTrigger.codeTrigger'), trigger: "blur" }
                ]
            }
        }
    },
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

是看了这位老哥的博客才解决的:
在这里

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/634916
推荐阅读
相关标签
  

闽ICP备14008679号