问题描述
最近遇到一个奇怪的问题,在打开修改模态框未做任何修改时,就自动触发了一次校验,就自动进行了校验,提示各个字段不能为空。
解决方法
我找啊找 找啊找 认真看饿了么文档,发现el-form有一个属性
2.第二次又遇见这个问题了, 问题是一进页面就触发了校验, 但是我的校验明明写的是在保存的时候才触发校验,那么问题来了,应该怎么思考这个过程呢!
首先说下我按照上面总结的那个,给el-form添加了属性,结果不行啊,一点效果都没有,但是真不知道上次是怎么整的,那没办法了,得试着找新的办法吧,
然后换个新思路如下:
a. 看下 校验的触发条件
b. 初始化数据赋值了吗
果然不出所料, 在赋值的过程中发现和其他的代码不一样,原来在赋值的时候加了一个判断
那么接下来思考为什么加这个判断呢?首先想想触发条件,赋值,
rules: {
projectPrefixCode: [{ required: true, message: '请选择', trigger: 'change' }],
itemFileNum: [{ required: true, message: '请输入', trigger: 'blur' }]
},
原来是在初始化代码的过程赋值的时候,也会引发change事件,最主要的是change过程,只要change事件触发了就会改变。
总结:初始化你给它赋值 触发了change 但是你传的值不符合校验 所以一开始就触发校验了 !!!