本文介绍了在Ant Design Vue中使用Select组件实现下拉框内搜索，并展示自定义表格内容的方法。通过dropdownRender属性实现自定义下拉框，结合封装的子组件处理数据加载和点击事件，确保每个选项的唯一性。同时，文章提及了在滚动时保持Select框位置不变的问题以及遇到的失去焦点导致下拉框关闭的待解决难题。
在ant design vue 开发项目中，有一个这样的需求：select下拉显示列表，同时可输入查询
首先html代码如下：
由于在select里面添加点击事件是无效的，所以我在外层包裹了一个div，添加了点击事件_backChange_
具体事件内容如下：
_backOpen_用于控制select的下拉状态，_select-table_是封装的子组件，当点击时会触发加载表格字段的函数
表格如下：
因为表格内容过长，所以我们使用_scroll_属性，加了一个滚动条，为了美观一点还加了_border_属性，
_customRow_是表格自带的一个可以对行进行操作的属性，官方文档介绍如下：
我们需要在点击任意一条数据时，会将对应内容赋值上去，所以我通过_customRow_给每一个行加了一个点击事件，函数内容如下：
最低0.47元/天 解锁文章
扫一扫
1415
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
