学习element中，觉得得多封装一下一些函数，比如form验证

学习vue中，用element作为ui框架，发现很多函数都是异步，或者是嵌套类型，为了使代码更简洁些，我以form表单的validate作例子

原先函数是这样

this.$refs[formName].validate((valid) => {
		//这里面写逻辑
          if (valid) {
            alert('submit!');
          } else {
            console.log('error submit!!');
            return false;
          }
        });

我看了一下，需要把逻辑写在验证里头，所以做了简单的封装

util.js

// 表单提交验证
export function formVali(formRefs) {
    const res = new Promise((resolve) => {
        formRefs.validate((valid) => {
            if (valid) {
                resolve(true)
            } else {
                resolve(false)
            }
        })
    })
    return res
   
} 

然后需要调用的时候导入util.js

async test(){
	const res = await formVali(this.$refs[formName])
	if(res){

	} else {

	}
}

这只是学习中所遇到的一些问题，希望大家有好的代码规范，互相学习一下

这是用云开发开发的小程序，可以参考一下