今天在设计一个标签时,从后台返回了数据,但是在输入值时,没有对回显的值进行过滤匹配,通过查看官方文档,解决了这个问题。记在这里方便以后查看。在做项目的过程中,可能会遇到 下拉框内容较多,为了方便用户选择加入检索功能。利用ant design 中的select选择器完成此功能。首先 要获取下拉选择内容数据,和普通下拉选的数据结构一致,数组对象 键值对。把数据放到一个空数组中,然后渲染到选择器中。如果输错了搜索内容,往回删除修改的时候还需要去请求一次数据,触发了onChange事件。

ant-design-vue中的select选择器,对输入值的进行筛选操作

ant-design-vue中的select选择器,对输入值的进行筛选操作

ant-design-vue中的select选择器,对输入值的进行筛选操作

ant-design-vue中的select选择器,对输入值的进行筛选操作