Javascript Vue v文本字段规则未正确应用

我有多个带有相应验证的v-text-field。单击submit按钮时，规则可以正常应用，但当鼠标左键触发验证程序时，应用于v-text-field的规则不会应用，而是为相同类型的第一个控件（即第一个v-text-field）定义的规则应用于此控件。“公司名称”文本框显示的标题为必填项。出于某种原因，表单向导采用的是第一个控制规则，而不是在其自身上定义的规则

var signUpModal=new Vue({
el:“注册模式”，
数据：（）=>（{
公司名称：“，
公司名称规则：[
（v） =>！！v | |“需要公司名称”
],           
顾问：“，
咨询规则：[
（v） =>！！v | |“需要标题”
],
类型：2
}),
模板：
`
登记和时间；
`，将v-if更改为v-show解决了问题
将v-if更改为v-show解决了问题