vue+elementui前端rules校验缓存问题

场景:

最近公司要求项目前端不要用element-ui,改为使用公司其他组开发的ui组件。

这个ui组件使用基本就是安装后,直接全局替换elementui的el-前缀为公司开发的xx-前缀。

替换之后,发现替换倒是很丝滑,问题不大。可以运行成功!

然后开始测试了,发现有一个问题。

页面新增和修改是一个弹窗,点了修改,再点新增之后,新增窗口一弹出,字段就被校验了。

表单的每项都在显示不能为空。(elementui的时候不会有这种情况,一换组件就有这样的情况了)

解决 :

后面处理的是,在关闭弹窗之前,先进行了校验的清理。这样处理后,就不在出现上述情况

this.$refs.dataForm.clearValidate();

相关推荐
Hilaku2 分钟前
深入WeakMap和WeakSet:管理数据和防止内存泄漏
前端·javascript·性能优化
Juchecar5 分钟前
常见的 HTML 标签及 CSS 选择器速查表
前端
前端程序猿i18 分钟前
用本地代理 + ZIP 打包 + Excel 命名,优雅批量下载跨域 PDF
前端·javascript·vue.js·html
Danny_FD27 分钟前
Vue2 中使用vue-markdown实现编辑器
前端·javascript·vue.js
用户游民27 分钟前
Flutter 项目热更新加载 libapp.so 文件
前端
coding随想27 分钟前
Vue和React对DOM事件流的处理方法解析
前端
用户479492835691528 分钟前
字节面试官:forEach 为什么不能被中断?
前端·javascript
ccnocare29 分钟前
window.electronAPI.send、on 和 once
前端·electron
tager34 分钟前
🍪 让你从此告别“Cookie去哪儿了?”
前端·javascript·后端
阿吉被迫了解低代码39 分钟前
前端:“学算法?狗都不... !”
前端