vue使用ant组件的时候表单rules验证总是不通过

最新推荐文章于 2024-03-29 10:14:26 发布

BroomFlying

最新推荐文章于 2024-03-29 10:14:26 发布

阅读量834

点赞数 7

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_41621686/article/details/135480022

版权

文章讲述了在Vue应用中，如何通过调整`<a-select>`组件的v-model绑定和去除类型验证规则，确保客户名称输入框的正确交互并解决验证问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
如图客户名称

<a-col :span="8">
                                        <a-form-item label="客户名称" name="customerId">
                                            <a-select v-model:value="form.customerId" class="borderWhere bginput"
                                                placeholder="请选择客户"  @change="modifyCustomer">
                                                <a-select-option v-for="customer in customers" :value="customer.id"
                                                    :key="customer.id">{{
                                                        customer.custName
                                                    }}</a-select-option>


                                            </a-select>
                                        </a-form-item>
                                    </a-col>

绑定了form.customerId之后选择了还提醒我选择客户名称
解决一 name和v-model里的名字设置成为一致
解决二去掉rules的类型验证

 customerId: [{ required: true, message: '请选择客户' }],
 dutyName: [{ required: true, message: '请填写联系人', type: 'string' }],

之前我把string改成number number改成string 去掉之后完美解决问题