需求

在下拉列表中检索关键字,选项能高亮关键字文本~

如下:

ProTable下拉框怎么实现选项关键字高亮呢?_选择器

编辑

背景

项目中使用了antd pro的组件ProTable,怎么简易地去实现这个需求呢?

文档阶段

目前有valueEnum 和 renderFormItem 这两种方式去配置一个下拉列表,怎么选择呢?

了解源码后发现valueEnum用到antd pro的select组件,里面内置了高亮的代码,类选择器倒没写,当前版本3.14.0,之前的版本是有的。

renderFormItem方式肯定也能实现,比较麻烦点自己写正则咯~

源码阶段

关键代码:

ProTable下拉框怎么实现选项关键字高亮呢?_高亮_02

简易解决方案:

通过valueEnum添加下拉列表,然后在样式表中添加ant-pro-select-item-option-content-light类选择器就🆗啦。

总结

记录工作中遇到的一些有趣的事~~哈哈