你瞅啥呢

2024-01-16 Antd的TreeSelect如何通过筛选显示对应项

复制代码
<TreeSelect
    showSearch={true}
    placeholder="请选择"
    allowClear
    treeData={data}
    filterTreeNode={(inputValue: any, treeNode: any) => {
        return treeNode.title.indexOf(inputValue) > -1;
    }}
/>
复制代码

嗯，就是通过这个filterTreeNode属性来设置筛选规则

ps：如果只想选中最后一项，那就不推荐这个treeSelect了，请用Cascader

posted @   叶乘风  阅读(205)  评论(0)  编辑  收藏  举报
相关博文：
· 2024-01-13 antd的tabel组件业务问题之勾选了table中的一项，然后弹出弹窗，接着关闭弹窗，刷新table，但是table选中的一项还是显示被勾选中的状态 ==》你没有改变所选中的数据（selectedRowKeys）
· 2022-06-10 react antd select defaultValue 无效
· antd TreeSelect 组件的高级用法
· antd+vue3 tree-select 组件库 筛选结果不正确的问题
· Antd (v3)在form中使用 treeSelect 选择后显示所有的父节点
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
点击右上角即可分享
微信分享提示