vue3+ elementPlus PC端开发 遇到页面已进入就form校验了的问题

form表单一进页面就校验了 rules里配置的 require 提示语

如图所示在这里插入图片描述代码是这样的在这里插入图片描述
最后发现是form表单下面的一个按钮的展示规则 会导致规则校验
在这里插入图片描述
canAddInsured 这个字段的变化会导致form表单校验
在这里插入图片描述
这个字段是computed maxInsureds 也是个computed监听 maxInsured.value >1 就会使form校验 而把它改成 maxInsured.value !=1 或者删除这个选项就不会导致打开页面就触发校验的问题 不知道是什么原因导致的

解决办法
1 当我给form 表单加上属性validate-on-rule-change false

没搞懂为啥加这个属性可以 这个按钮的展示怎么会导致rules属性改变
2 把canAddInsured控制展示的按钮改变布局 也能解决问题
在这里插入图片描述
如图所示改成这样的布局 就不会被触发form进页面就校验

相关推荐

  1. vue3 开发遇到问题

    2024-06-11 01:06:05       14 阅读
  2. vue3 遇到那些问题

    2024-06-11 01:06:05       12 阅读
  3. 组件开发遇到问题vue问题

    2024-06-11 01:06:05       31 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-11 01:06:05       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-11 01:06:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-11 01:06:05       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-11 01:06:05       20 阅读

热门阅读

  1. WPF Frame应用 实现页面跳转

    2024-06-11 01:06:05       9 阅读
  2. 中介子方程十一

    2024-06-11 01:06:05       8 阅读
  3. 对象创建的4种模式

    2024-06-11 01:06:05       10 阅读
  4. centos中sudo: apt: command not found

    2024-06-11 01:06:05       10 阅读
  5. k8s-CCE使用node节点使用VIP--hostNetwork&hostPort

    2024-06-11 01:06:05       8 阅读
  6. 2244. 完成所有任务需要的最少轮数

    2024-06-11 01:06:05       11 阅读
  7. debugger(四):源代码

    2024-06-11 01:06:05       7 阅读
  8. 第四章 Three.js 绘制基本几何体

    2024-06-11 01:06:05       9 阅读
  9. Spark RDD算子

    2024-06-11 01:06:05       11 阅读