最开始用得网上得
<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来验证就好了,可以实现 表单验证,还有红色星号的切换,真是不容易,文章来源:https://www.toymoban.com/news/detail-719157.html
麻烦给个赞!!文章来源地址https://www.toymoban.com/news/detail-719157.html
到了这里,关于iview form 动态表单的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!