学习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 {

    }
}

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