vue element ui From表单校验 关闭模态框 重新打开 还存在标红校验

vue element ui From表单校验 关闭模态框 重新打开 重置表单解决标红校验


仅供参考 自我记录.

解决方案① 在关闭模态框是 调用this.$refs.ruleForm.resetFields()重置表单

    collectPigeonConfigClose(){
      this.collectPigeonConfigVisible = false
      // this.$nextTick(()=>{
        this.$refs.ruleForm.resetFields()
      //})
    },

解决方案② 再打开模态框后 调用this.$refs.ruleForm.resetFields()重置表单

// 需要注意 + 上 this.$nextTick(()=>{})
//打开弹出窗
     this.collectPigeonConfigVisible = true
     this.$nextTick(()=>{
        this.$refs.ruleForm.resetFields()
      })

平时遇到的一些小问题 自我记录 有补充的地方希望大家多多提出意见 共同学习!
如有转载 请备注原文地址!

你可能感兴趣的:(element,ui,vue,前端,vue,elementui,前端)