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

场景:

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

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

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

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

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

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

解决 :

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

this.$refs.dataForm.clearValidate();

相关推荐
大气的小蜜蜂17 分钟前
领域层的服务
java·前端·数据库
星栈21 分钟前
LiveView 的 LiveComponent:比 React 组件更轻,但我一开始真的把它用错了
前端·前端框架·elixir
林希_Rachel_傻希希30 分钟前
web性能优化之延迟加载图片和<inframe>
前端·javascript·面试
maxmaxma36 分钟前
Konva 从入门到实践 - day1
前端
火星校尉43 分钟前
一场数据基建与消费场景的跨界实验
java·前端·数据库·python·php
W是笔名1 小时前
python_let`s try it 6___BMI计算器
java·前端·python
risc1234561 小时前
Lucene80DocValuesConsumer 五种类型源码阅读顺序
java·服务器·前端
小米渣的逆袭1 小时前
Chrome Extension Script World(ISOLATED / MAIN)原理与适用场景
前端·javascript·chrome
微信开发api-视频号协议1 小时前
Codex++安全边界探秘:从模型能力到风险防御
前端·安全·微信·企业微信
想你依然心痛2 小时前
AtomCode 在前端开发中的实战体验:React + TypeScript 项目开发实录
前端·react.js·typescript