element ui 解决表单校验残留问题

在使用element自带的表单校验时,当你再次打开表单还存在校验提示,理论应该清空才对。

解决办法很简单,重置下表单的验证规则即可

我使用的是DIalog对话框

在对话框打开的回调事件里重置了下,效果不是很完美,还是会提示下才会消失。如果放对话框关闭的回调事件里发现完美解决!

 <el-dialog
      :title=dialogTitle
      :visible.sync="dialogVisible"
      width="40%"
      @closed="dialogClosed()"
    >
//对话框关闭,重置表单校验
            dialogClosed(){
                this.$refs["form"].resetFields();
            },

 

 

© 版权声明
THE END
喜欢就支持以下吧
点赞1
分享
评论 抢沙发