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

场景:

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

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

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

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

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

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

解决 :

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

this.$refs.dataForm.clearValidate();

相关推荐
|晴 天|2 小时前
Vue 3 + TypeScript + Element Plus 博客系统开发总结与思考
前端·vue.js·typescript
猫3283 小时前
v-cloak
前端·javascript·vue.js
旷世奇才李先生3 小时前
Vue 3\+Vite\+Pinia实战:企业级前端项目架构设计
前端·javascript·vue.js
SoaringHeart5 小时前
Flutter进阶:用OverlayEntry 实现所有弹窗效果
前端·flutter
IT_陈寒7 小时前
Vite静态资源加载把我坑惨了
前端·人工智能·后端
herinspace7 小时前
管家婆实用贴-如何分离和附加数据库
开发语言·前端·javascript·数据库·语音识别
小码哥_常7 小时前
从MVC到MVI:一文吃透架构模式进化史
前端
嗷o嗷o7 小时前
Android BLE 的 notify 和 indicate 到底有什么区别
前端
豹哥学前端7 小时前
别再背“var 提升,let/const 不提升”了:揭开暂时性死区的真实面目
前端·面试
Lkstar7 小时前
我把Vue2响应式源码从头到尾啃了一遍,这是整理笔记
vue.js