element 中表单 validateField方法部分校验遇到的坑

weixin_43839531

于 2021-08-30 19:22:47 发布

阅读量4.1k

点赞数 5

文章标签： javascript vue.js

本文链接：https://blog.youkuaiyun.com/weixin_43839531/article/details/120003655

版权

    Step1() {
      this.$refs.dataForm.validateField(this.field, (valid) => {
        if (!valid) {
           // 校验通过进行的操作
        }
      })
    },    

    // 多个字段需要校验时候 上面写法一个字段校验通过即可进入if,并没有校验全部字段，改下面写法：

    Step1() {
      const validateList = []   // 定义空数组
      this.$refs.dataForm.validateField(this.field, (valid) => {
        // this.field  为要校验的部分rules数组
        validateList.push(valid)
      })
      if (validateList.every((item) => item === '')) {
        // 判断全部为空时 进行的操作 
      }
    },