iview form 动态表单

最开始用得网上得

<FormItem
          label="采购方开户行"
          :rules="
            baseForm.receiptType == '12'
              ? baseInfoRule.procureBank
              : [{ required: false }]
          "
        >
          <Input
            v-model="baseForm.procureBank"
            placeholder="请输入采购方开户行"
            style="width: 350px"
          />
        </FormItem>

发现前面得红色必选项跟着变换，但是表单验证输入了还是显示不能为空

然后我用了v-if    结果，红色星号在，表单验证确是可以的

最终解决方法：

用v-show!!!!!!!!

<div v-show="baseForm.receipt == '11'">

<div v-show="baseForm.receipt== '12">

把需要输入的用v-show来验证就好了，可以实现  表单验证，还有红色星号的切换，真是不容易，

麻烦给个赞！！