element同时校验多个表单

有时同一个页面我们会有多个模块，每个模板又单独使用了一个表单组件，那么我们在点击提交按钮时如何同时校验多个表单，我们可以使用Promise，下面是具体的方法：

submit(){
	const form1=new Promise((resolve,reject)=>{
		this.$refs['ruleForm1'].validate(valid => {
			if(valid) resolve()
		})
	})

	const form2=new Promise((resolve,reject)=>{
		this.$refs['ruleForm2'].validate(valid => {
			if(valid) resolve()
		})
	})


	const form3=new Promise((resolve,reject)=>{
		this.$refs['ruleForm3'].validate(valid => {
			if(valid) resolve()
		})
	})

	Promise.all([form1,form2,form3]).then(()=>{
	   console.log('验证通过,提交表单') 
		
	})
}