如何清除el-dialog中的表單驗證

經常我們使用element-ui中el-dialog組件，在組件中使用表單，沒有打開彈窗都要把之前的表單驗證清除掉，那么如何處理呢？

 

需要在組件打開的時候使用組件的 clearValidate 方法

open () {
      this.showFlag = true
      this.$nextTick(() => {
        this.$refs.dynamicValidateForm.clearValidate()
      })
}

 

說明：代碼中的 showFlag  表示控制彈窗的顯示和隱藏， dynamicValidateForm 表示通過ref轉發到的el-dialog組件，這樣就可以使用el-dialog中的方法 clearValidate 。