解决element el-form打开模态框时就进行表单验证的问题
问题描述
最近遇到一个奇怪的问题,在打开修改模态框未做任何修改时,就自动触发了一次校验,就自动进行了校验,提示各个字段不能为空。
解决方法
我找啊找 找啊找 认真看饿了么文档,发现el-form有一个属性
2.第二次又遇见这个问题了, 问题是一进页面就触发了校验, 但是我的校验明明写的是在保存的时候才触发校验,那么问题来了,应该怎么思考这个过程呢!
首先说下我按照上面总结的那个,给el-form添加了属性,结果不行啊,一点效果都没有,但是真不知道上次是怎么整的,那没办法了,得试着找新的办法吧,
然后换个新思路如下:
a. 看下 校验的触发条件
b. 初始化数据赋值了吗
果然不出所料, 在赋值的过程中发现和其他的代码不一样,原来在赋值的时候加了一个判断
那么接下来思考为什么加这个判断呢?首先想想触发条件,赋值,
rules: {
projectPrefixCode: [{ required: true, message: '请选择', trigger: 'change' }],
itemFileNum: [{ required: true, message: '请输入', trigger: 'blur' }]
},
原来是在初始化代码的过程赋值的时候,也会引发change事件,最主要的是change过程,只要change事件触发了就会改变。
总结:初始化你给它赋值 触发了change 但是你传的值不符合校验 所以一开始就触发校验了 !!!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
2020-04-11 promise知识点以及面试题