element-ui多个form同时验证,以及动态循环表单注意事项

多个form同时验证:

validateForm(refs) {
      if (!refs) {
        return false
      }
      return new Promise((resolve, reject) => {
        refs
          .validate()
          .then((valid) => {
            resolve(valid)
          })
          .catch((val) => {
            resolve(false)
          })
      })
},
async handleConfirm() {
      Promise.all([
        this.validateForm(this.$refs.dataForm),
        this.validateForm(this.$refs.alarmForm),
        this.validateForm(this.$refs.noticeForm)
      ]).then(async(valids) => {
        if (valids.every((item) => item)) {
          
        }
      })
},

动态循环表单注意事项,箭头所指需要保持一致

element-ui多个form同时验证,以及动态循环表单注意事项_第1张图片

你可能感兴趣的:(vue+element-ui,ui,javascript,前端)