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进页面就校验