• 解决element elform打开模态框时就进行表单验证的问题


     问题描述
    最近遇到一个奇怪的问题,在打开修改模态框未做任何修改时,就自动触发了一次校验,就自动进行了校验,提示各个字段不能为空。

    解决方法
    我找啊找 找啊找 认真看饿了么文档,发现el-form有一个属性
    在这里插入图片描述

    2.第二次又遇见这个问题了, 问题是一进页面就触发了校验, 但是我的校验明明写的是在保存的时候才触发校验,那么问题来了,应该怎么思考这个过程呢!

      首先说下我按照上面总结的那个,给el-form添加了属性,结果不行啊,一点效果都没有,但是真不知道上次是怎么整的,那没办法了,得试着找新的办法吧,

      然后换个新思路如下:

      a. 看下 校验的触发条件

      b. 初始化数据赋值了吗

    果然不出所料, 在赋值的过程中发现和其他的代码不一样,原来在赋值的时候加了一个判断

     

     那么接下来思考为什么加这个判断呢?首先想想触发条件,赋值,

    rules: {
            projectPrefixCode: [{ required: true, message: '请选择', trigger: 'change' }],
            itemFileNum: [{ required: true, message: '请输入', trigger: 'blur' }]
          },

    原来是在初始化代码的过程赋值的时候,也会引发change事件,最主要的是change过程,只要change事件触发了就会改变。

     总结:初始化你给它赋值 触发了change 但是你传的值不符合校验 所以一开始就触发校验了 !!!

  • 相关阅读:
    八、运维管理链码
    六、编写第一个应用【外部nodejs调用】
    七、链码
    五、005-环境安装【docker、fabric】
    Webpack 4 SplitChunksPlugin配置方案(转)
    转:webpack代码压缩优化
    这样使用 GPU 渲染 CSS 动画(转)
    express中间件--Morgan 日志记录
    盘点 React 16.0 ~ 16.5 主要更新及其应用
    求最大容积
  • 原文地址:https://www.cnblogs.com/ahalvxiaobu/p/16129969.html
Copyright © 2020-2023  润新知