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

场景:

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

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

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

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

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

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

解决 :

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

this.$refs.dataForm.clearValidate();

相关推荐
剪刀石头布啊1 分钟前
js数组之快速组、慢数组、密集数组、稀松数组
前端
mango_mangojuice23 分钟前
Linux学习笔记(make/Makefile)1.23
java·linux·前端·笔记·学习
Days20501 小时前
简单处理接口返回400条数据本地数据分页加载
前端
MZ_ZXD0011 小时前
springboot旅游信息管理系统-计算机毕业设计源码21675
java·c++·vue.js·spring boot·python·django·php
Novlan11 小时前
@tdesign/uniapp 图标瘦身
前端
ManThink Technology1 小时前
如何使用EBHelper 简化EdgeBus的代码编写?
java·前端·网络
. . . . .2 小时前
shadcn组件库
前端
2501_944711432 小时前
JS 对象遍历全解析
开发语言·前端·javascript
发现一只大呆瓜2 小时前
虚拟列表:支持“向上加载”的历史消息(Vue 3 & React 双版本)
前端·javascript·面试
css趣多多3 小时前
ctx 上下文对象控制新增 / 编辑表单显示隐藏的逻辑
前端