使用ant-design-vue的select组件双向绑定的值返回为options的下标值的问题

本文讲述了在使用ant-design-vue的select组件时遇到的双向绑定值返回为options下标值的问题。为了解决这个问题,作者通过在a-select-option中绑定key和value来确保选择的值为title。同时强调了详细阅读和理解官方文档的重要性。

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

是这样的,有一个表单,里面有很多的输入框,下拉列表,这些输入或选择的值我都需要获取到并且在提交表单的时候去传值。所以选择了将这些所有的输入或选择的值都双向绑定给一个params的一个对象。

但是,我这个表单有一个要求是,除开正则匹配,需要全部填写完毕,提交按钮才能点击,所以提交按钮设置了一个disabled,而这个disabled是在computed里面去监听的。

所以,这里就需要在选择的时候将被选择的值改为我们要传递的title的值,而不是下标的值。

解决:

就是在a-select-option的key和value这里进行绑定。

官方文档:

可能这也是自己之前使用的时候没注意,现在感觉也是因为自己文档不够熟悉,所以官方文档一定要仔细看,好好理解,并且实践才可以。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值