element-ui 表单验证如何只让它验证一项？

Question

提交的时候我会验证是否全部填上，但是获取验证码的时候我只验证手机号是否输入正确，别的input不验证，请问这怎么实现啊，官网也没说明

Answer 1

给form添加ref="form"，监听点击“获取验验证”事件，绑定以下方法：

    methods: {
        onSecurityCodeClick() {
            // prop 换成你想监听的prop字段
           this.$refs.form.validateField(prop, (errMsg) => {
               if (errMsg) {
                   console.log('手机号校验未通过)
               }
           })
        }
    }

Answer 2

表单有个这种方法 你试试

validateField    对部分表单字段进行校验的方法    Function(props: array | string, callback: Function(errorMessage: string))

Answer 3

     this.$refs.form.validateField("email", errMsg => {
        if (errMsg) {
          console.log("手机号校验未通过");
        } else {
          console.log("校验通过");
        }
      });

validateField

对部分表单字段进行校验的方法 :表单验证

Function(props: array | string, callback: Function(errorMessage: string))

注意：第一参数是数组或者字符串，不然不识别