首先說一下 我在form表單里面遇見的坑：

創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設計制作、網(wǎng)站制作與策劃設計,元謀網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設10年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:元謀等地區(qū)。元謀做網(wǎng)站價格咨詢:18980820575

1.例如我要給后臺傳的不是對象，而是一個數(shù)組，怎么寫驗證？

2.比如我有四個彈出框，都要做驗證，這個時候就要注意了，每一個彈出框的ref都不能給的一樣，并且一定要與當前彈框的確定或者保存按鈕一一對應，例如：第一個彈框的ref='number',按鈕的click比如為xxxxxx('number'),第二個彈出框的ref=‘number2'，對應的按鈕>>xxxxxx('number2')。如果ref用的都一樣，就會出現(xiàn)，點擊下一步我沒有去做驗證，我再點擊上一步，再點擊下一步，控制臺就會報錯！

官網(wǎng)給的列子是在里面進行驗證，（當然也可以不用再標簽里面進行驗證，這里我重要說在標簽里?。。。?，標簽上要綁定一個對象（例，:model='numberValidateForm'）,注意：model綁定的必須是一個對象，如果是一個數(shù)組怎么辦呢？這個下面再說，ref="numberValidateForm" 是什么呢，我要對表單進行驗證，當然少不了確定或者保存按鈕，名字需要和按鈕一一對應，這樣才能實現(xiàn) 點擊保存的時候去驗證輸入框，上圖！

好，接下來就要我們解決上面說的數(shù)組的問題了，如果我要傳給后臺的是一個數(shù)組，不是對象，我要怎么去做驗證呢？直接上代碼。

let flag = true;
    if (this.$refs[formName] instanceof Array && this.$refs[formName].length > 0) {
     this.$refs[formName].forEach((obj, index) => {
      obj.validate((valid) => {
       if (valid) {
        console.log('驗證成功！');
       } else {
        console.log('error submit!!');
        flag = false;
        return false;
       }
      });
     });
     if (flag) {
      this.secondDialog = false;
      this.thirdDialog = true;
     }
    }

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)頁標題：VueElementUI之Form表單驗證遇到的問題-創(chuàng)新互聯(lián)
當前路徑：http://weahome.cn/article/dhgieo.html