在react中使用Ant Design中的select组件，怎样进行列表中的数据筛选？
- 需要实现点击下拉框中的值后，列表中的数据可以筛选后显示。
- select组件是独立于table组件的，所以需要单独筛选。
- 下方是库存区间进行筛选的代码
想问一下，单独的select组件要怎样可以进行对列表中的数据进行筛选？
Ant Design中的select组件，怎样进行列表中的数据筛选？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
CSDN专家-showbo 2023-04-25 11:20关注Select添加onChange事件，设置filterDrop的值为3【看代码产品类别的case值为3】，设置好selectedProType为当前选中的类型值，再调用下handleFilter执行过滤操作。
handleFilter改下逻辑，filterDrop不是1,2时不要验证表单中的库存和价格值，大概更改逻辑如下
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 编辑记录 分享
- 2021-10-15 09:17回答 1 已采纳 加样式
- 2022-05-10 11:18回答 5 已采纳 .ant-select :deep(.ant-select-selector) { background-color: rgba(255, 255, 255, 0) !important;
- 2022-08-18 14:44回答 3 已采纳 给延期原因上添加v-if，你的开发延期字段绑定的肯定有value值，根据你绑定的值去做判断比如后端返回的数据 1为是 0为否那么你就在标签上判断是否延期这个字段 v-if='是否延期的字段 == 1'
- 2022-07-27 14:51好奇鑫的博客 ant design select组件过滤条件
- 2021-07-07 00:22回答 3 已采纳 1.npm install antd2.在需要的地方引入需要的import { Button } from 'antd';3.在其样式文件最上面引入@import '~antd/dist/antd.c
- 2021-11-19 21:43回答 3 已采纳 你好，我是有问必答小助手，非常抱歉，本次您提出的有问必答问题，技术专家团超时未为您做出解答 本次提问扣除的有问必答次数，已经为您补发到账户，我们后续会持续优化，扩大我们的服务范围，为您带来更好地服务。
- 2022-05-15 12:59回答 3 已采纳 需求实际就是antd design vue的主题颜色的动态切换是吧 解决方法 需要的用的库 "antd-theme-generator": "^1.2.6", // 我在项目中用其他版本出现 colo
- 2023-02-20 14:16L丢丢的博客 【代码】Ant Design Vue组件中的Select 选择器实现全选/全不选功能。
- 2022-08-23 09:44回答 4 已采纳 已经解决，解决方案：直接给option添加一个className,然后样式里面，直接给这个className添加伪元素，通过添加伪元素显示出来这个图标，这样既解决了图标的显示问题，又不会对原来的opt
- 2021-08-09 11:27回答 2 已采纳 你可以把前一个值先保存起来。
- 2022-08-01 11:40回答 4 已采纳 看一下dataSource的数组是不是使用push,pop,splice等方式修改，如果是使用的直接赋值的方式则可能会导致非响应式。 具体原因可看这篇文章 https://www.zhihu.com/
- 2024-07-15 17:50hhh的博客 业务需求：下拉框需要满足用户可输入筛选 和 点击右侧 字符按钮 #A-Z进行用户选择。就是在同一个页面，渲染同一个组件时，在点击前一个组件后，后面的组件右侧按钮滚动失效...2、script中的代码。4、遇到的坑是什么呢？
- 2023-04-21 19:08回答 3 已采纳 可远程帮你查看，解决
- 2021-12-23 16:03酌白楼的博客 select组件多选情款下没有取消搜索的这个选项，所以我们自己想想办法，我发现搜索是要以搜索框能获取到焦点为前提的，所以我们可以朝这个方向入手。 首先我注意到官网上的change事件和blur事件，怎么调用它们呢，一...
- 2021-12-02 15:30小曲曲的博客 具有搜索功能的下拉框 <a-form-item label="企业名称">...a-select showSearch optionFilterProp="children" :filterOption="filterOption" v-model="queryParam.enterpriseName" .
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月3日
已采纳回答
4月25日-
创建了问题
4月25日
悬赏问题
- ¥15 根据会员信息表绘制堆积柱状图
- ¥100 华为手机私有App后台保活
- ¥20 有谁能看看我coe文件到底哪儿有问题吗？
- ¥20 我的这个coe文件到底哪儿出问题了
- ¥15 matlab使用自定义函数时一直报错输入参数过多
- ¥15 设计一个温度闭环控制系统
- ¥100 rtmpose姿态评估
- ¥15 java 通过反射找路径下的类，打包后就找不到
- ¥15 通联支付网上收银统一下单接口
- ¥15 angular有偿编写，