表單驗(yàn)證是前端技術(shù)里比較常用的一項(xiàng)寫法，element的表單驗(yàn)證尤其方便快捷，只需要通過 rules 屬性傳入約定的驗(yàn)證規(guī)則，并將 Form-Item 的 prop 屬性設(shè)置為需校驗(yàn)的字段名即可。對(duì)用戶填入的內(nèi)容進(jìn)行接口請(qǐng)求之前，判斷用戶所輸入的是否符合預(yù)期規(guī)范，可以有效減少數(shù)據(jù)通信的壓力，同時(shí)，用戶也能直觀地看到那些是必須填寫的項(xiàng)目和未填寫的項(xiàng)目。

  經(jīng)過判斷沒有錯(cuò)誤信息后通過，然后再請(qǐng)求接口。

  關(guān)于查看表單驗(yàn)證請(qǐng)點(diǎn)擊這里。

  與此同時(shí)，表單驗(yàn)證不會(huì)自己消失，我們可以清空手動(dòng)表單內(nèi)容，但卻無法清除錯(cuò)誤信息。

  如何清除這些錯(cuò)誤信息呢，以下是兩種element表單驗(yàn)證的清除方法。

//清除驗(yàn)證方法
      this.$nextTick(() => {
        this.$refs['addwardData'].clearValidate(); // 只清除清除驗(yàn)證
      })
      this.$nextTick(() => {
        this.$refs['addwardData'].resetFields(); //清除所有
      })

  我們只需要傳入所需的表單驗(yàn)證的對(duì)象，調(diào)用element的clearValidate或resetFields方法就能清除驗(yàn)證。