學習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 {

    }
}

這只是學習中所遇到的一些問題，希望大家有好的程式碼規範，互相學習一下