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

场景:

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

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

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

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

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

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

解决 :

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

this.$refs.dataForm.clearValidate();

相关推荐
lzhdim8 分钟前
SQL 入门 10:SQL 内置函数:数值、字符串与时间处理
前端·数据库·sql
jstopo网站10 分钟前
水厂水泵工作流程图canvas动画
前端·javascript
张元清13 分钟前
5 分钟用 Vite SSR 搭建一个全栈 React 应用
前端·javascript·面试
空中海13 分钟前
6.1 主题与暗色模式
运维·服务器·前端·flutter
前端那点事13 分钟前
Vue3+Pinia实战完整版|从入门到精通,替代Vuex的状态管理首选
vue.js
踩着两条虫23 分钟前
效率翻倍!AI智能体深度解析:自然语言 → DSL → Vue组件
前端·人工智能·低代码
吴声子夜歌44 分钟前
Vue3——条件判断指令
前端·es6
snow_yan1 小时前
AI 对话流式输出: 实现“逐字丝滑、不闪烁、不卡顿”的打字机效果
前端·react.js·openai
Devin_chen1 小时前
Pinia 渐进式学习指南
前端·vue.js
你听得到111 小时前
周下载60w,但是作者删库!我从本地 pub 缓存里把它救出来,顺手备份到了自己的 GitHub
前端·flutter