当前位置: 首页 > ai >正文

vben admin 下拉支持收索

你现在写的配置里有点混用了 ApiSelectTreeSelect 的配置。

📌 说明:

  • ApiSelect 本身是支持搜索的,但它的搜索逻辑需要通过 showSearch: true 配合 filterOption,而不是 treeNodeFilterProp(那个是 TreeSelect 的属性)。

  • 如果你需要通过 meetingName 来搜索,可以在 componentProps 里加上 filterOption,手动指定用 meetingName 过滤。

✅ 改写成 ApiSelect 搜索配置示例:

{ label: '来源', field: 'sourceMeeting', required: true, component: 'ApiSelect', componentProps: { api: getMeeting, labelField: 'meetingName', valueField: 'id', showSearch: true, filterOption: (input: string, option: any) => { return option.label.toLowerCase().includes(input.toLowerCase()); }, }, }

这样就能在输入时按照 meetingName 进行搜索了。


如果你本来就是想用 TreeSelect(树形结构搜索),那就改用你注释掉的那部分:

{ label: '来源会议', field: 'sourceMeeting', required: true, component: 'TreeSelect', componentProps: { treeData: await getMeeting(), showSearch: true, treeNodeFilterProp: 'meetingName', virtual: true, fieldNames: { label: 'meetingName', value: 'id', }, }, }


http://www.xdnf.cn/news/18096.html

相关文章:

  • 谷粒商城项目-P3简介-分布式基础概念
  • 牛津大学xDeepMind 自然语言处理(1)
  • Mysql——前模糊索引失效原因及解决方式
  • C++多线程编程深度解析【C++进阶每日一学】
  • 部署 HAProxy 高可用
  • 将 iPhone 连接到 Windows 11 的完整指南
  • 蛋糕销售管理系统设计与实现
  • MongoDB Windows 系统实战手册:从配置到数据处理入门
  • 【MongoDB】多种聚合操作详解,案例分析
  • Handler以及AsyncTask知识点详解
  • 北斗气象站:能够实现气象数据的实时采集、传输与智能分析
  • 20. 云计算-云服务模型
  • 什么叫做 “可迭代的产品矩阵”?如何落地?​
  • 【前端面试题】JavaScript 核心知识点解析(第二十二题到第六十一题)
  • 使用 Zed + Qwen Code 搭建轻量化 AI 编程 IDE
  • Zookeeper 在 Kafka 中扮演了什么角色?
  • CVPR 2025|英伟达联合牛津大学提出面向3D医学成像的统一分割基础模型
  • 决策树总结
  • CloudBase AI ToolKit + VSCode Copilot:打造高效智能云端开发新体验
  • 在 CentOS 7 上使用 LAMP 架构部署 WordPress
  • CSS:水平垂直居中
  • Java基础(九):Object核心类深度剖析
  • GPT-5在辅助论文写作方面,有哪些进步?
  • 10CL016YF484C8G Altera FPGA Cyclone
  • 千岑智能亮相CIVS2025:国产仿真平台突破技术壁垒,赋能智能汽车产学研融合
  • 【GM3568JHF】FPGA+ARM异构开发板烧录指南
  • 制作全流程对比:侗家灰水粽VS布依族草灰粽的8道工序差异
  • 项目实战——矿物识别系统(利用机器学习从化学元素数据中识别矿物,从数据到分类模型)
  • Linux系统等保三级安全加固执行手册(ReahtCentosKylin)
  • Android中flavor的使用