如何清除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 。