svelte-typeahead可访问的模糊搜索输入组件

可访问性的模糊搜索输入,用还挺顺手的。它不靠后端,完全前端搜索逻辑,响应也快。你只要传个对象数组进去,配合extractor指明搜哪个字段就行,基本上拎包即用。

用的是轻量的模糊搜索库,性能还不错,小项目大项目都能顶上。风格方面没怎么强加样式,比较好定制。你想改样式直接用[data-svelte-typeahead]选,改点marginpadding啥的都挺方便。

组件也蛮适合做自动补全、下拉提示这类需求的。比如城市选择、用户搜索、表单里的实时筛选等等,用起来挺灵活。只要数据不太大,前端就够了,省得写接口。

要装的话一句话搞定:

npm i -D svelte-typeahead
# or
yarn add -D svelte-typeahead

如果你在做项目,需要一个轻巧好改的搜索输入,这组件可以先试试看。想了解模糊搜索逻辑,也可以参考下面这些例子:

zip 文件大小:27.4KB