ant design a-select 通过onSearch获取的数据,数据源更新,但视图没更新的问题(vue3+tsx)

在使用AntDesign的A-Select组件时遇到数据源更新后视图未更新的问题。经排查发现是由于组件默认开启filterOption属性,导致数据被再次过滤,解决办法是关闭该属性或自定义过滤方法。

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

ant design a-select 数据源更新,但视图没更新的问题

​ 在使用a-select时,发现通过onSearch事件从后端获取到的数据已经更新到了数据源,但是页面上没有任何反应,第一反应是响应式丢失了,然后从控制台输出出来发现并不是数据的问题。

在这里插入图片描述

在这里插入图片描述

最后看文档示例时发现,select的filterOption属性默认为true…等于说组件在接受到我的数据后又过滤了一遍,这才导致前面看到的数据源更新,视图无变化的问题,把filterOption改为false或者是定义一个filter方法就行了。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值