1. el-form 校验多个指定字段，不校验整个表单；2. 同时校验多个表单

1. el-form 校验多个指定字段，不校验整个表单

// 校验两个字段
const requiredFields = ['sname', 'phone']
// 记录通过校验的字段数量
let count = 0
requiredFields.forEach((item) => {
	this.$refs.addForm.validateField(item, (errorMsg) => {
		if (errorMsg) {
			return
		}
		count++
	})
})
// 判断必填字段的数量，与检验通过的数量，是否一致
const flag = count === requiredFields.length
if (!flag) {
	this.$message.error('姓名、手机号不能为空！')
	return
}
// 保存接口
this.saveApi()

第二种

const errArray = []
await this.$refs.ruleFormRef.validateField(['url', 'datepicker'], (errMsg, fieldConfig) => {
	  if (errMsg) {
	    errArray.push(fieldConfig)
	  }
})
if (errArray.length > 0) {
  // empty
} else {
  Modal.alert('日期和url通过校验')
}

2. 同时校验多个表单

// 验证表单
validForm(refName) {
	return new Promise((resolve, reject) => {
		// 表单不存在也继续
		if (!this.$refs[refName]) {
			resolve()
		} else {
			this.$refs[refName].validate((valid) => {
				console.log(refName, valid)
				!valid ? reject() : resolve()
			})
		}
	})
},
// 此方法也适用于多个步骤中含有多个表单，只会校验当前步骤的表单
saveForm() {
	Promise.all([ this.validForm('addForm'), this.validForm('editForm') ])
			.then(res => {
				try {
					this.saveApi()
				} catch (error) {
					this.$message.error('出错了！')
				}
			}).catch(() => {
				this.$message.error('请完善表单！')
			})
}