VueElementUI之Form表單驗證遇到的問題-創(chuàng)新互聯(lián)

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

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

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

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

官網(wǎng)給的列子是在<el-form>里面進行驗證，（當(dāng)然也可以不用再標(biāo)簽里面進行驗證，這里我重要說在標(biāo)簽里?。。。瑯?biāo)簽上要綁定一個對象（例，:model='numberValidateForm'）,注意：model綁定的必須是一個對象，如果是一個數(shù)組怎么辦呢？這個下面再說，ref="numberValidateForm" 是什么呢，我要對表單進行驗證，當(dāng)然少不了確定或者保存按鈕，名字需要和按鈕一一對應(yīng)，這樣才能實現(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;
     }
    }

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

文章標(biāo)題：VueElementUI之Form表單驗證遇到的問題-創(chuàng)新互聯(lián)
分享路徑：http://muchs.cn/article40/dhgieo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、響應(yīng)式網(wǎng)站、商城網(wǎng)站、微信小程序、用戶體驗、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)