Advertisement

ElementUi利用el-autocomplete组件实现搜索建议功能(无数据匹配时点击清除框即可清空)

阅读量:

先展示效果图:
在未输入任何内容的情况下,界面呈现如下状态

在这里插入图片描述

若存在对应的选项呈现如下形式

在这里插入图片描述

未能匹配到相关内容

在这里插入图片描述

在实际应用中观察到,element框架中的el-autocomplete组件在数据为空时无法提供无匹配项的提示信息。若需将其设置为可关闭状态,当用户点击关闭按钮后,若输入框仍处于聚焦状态,再次输入内容时将无法触发建议列表的显示,具体情形可参考下图所示。

![在这里插入图片描述](https://ad.itadn.com/c/weblog/blog-img/images/2025-05-31/Ahydpm5HzRvkqfaxtYwSWCD

全部评论 (0)

还没有任何评论哟~