解决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 但是你传的值不符合校验 所以一开始就触发校验了 ！！！