vue搜索框（包含存储和删除历史记录以及搜索建议列表）

張猴子

于 2019-08-31 19:05:54 发布

阅读量5.6k

点赞数 5

分类专栏： vue 文章标签： vue 搜索

本文链接：https://blog.youkuaiyun.com/qq_42532128/article/details/100175753

版权

本文介绍了基于Vue3的bm_search_input组件，该组件提供搜索框功能，包括存储和删除搜索历史记录，以及显示搜索建议列表。用户可以根据需求在配置中开启或关闭历史记录功能。文章包含了组件的展示、下载、引入和配置使用方法，并提供了GitHub开源地址。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bm_search_input

基于vue3的搜索框，包含存储和删除历史记录以及搜索建议列表，用户可以在配置中选择是否需要历史记录。

在这里插入图片描述

npm install bm_search_input -S

import bm_search_input from 'bm_search_input'

Vue.component('bm_search_input',bm_search_input);

参数	类型	默认值	备注
isHistory	Boolean	true	要选择是否需要历史记录，需要用true，不需要用false
lists_title	Array	无	搜索建议列表中的标题，不需要可以不传参
lists_note	Array	无	搜索建议列表中的备注，不需要可以不传参