仿百度实现本地搜索组件(npm)

简介: 仿百度实现本地搜索组件(npm)

grabbbasbly1.0.3 版本正式上线


grabbbasbly是一款基于vue的搜索组件


用户需要传入被查询的内容(数组)


传入内容的name 内容的id 即可实现简单的本地搜索 或者数据库搜索,


点击enter即可通过printersOKs拿到选中内容的回调


样式

0ba38442f7ab48c198d7475d46e5f742.png


下载


npm i grabbbasbly


引入


import grabbbasbly from 'grabbbasbly'


参数


name (必传)

搜索内容的名字


itemid(必传)

搜索内容的id


:itemList(必传)数组

搜索的内容


@printersOKs  

搜索内容确定的回调 参数1拿到搜索选中的数据


:printers-o-k(选传)

选中确定之后是否清空输入框内容


相关文章
|
2月前
|
资源调度 JavaScript 定位技术
Vue2使用百度地图展示或搜索地点(vue-baidu-map)
本文介绍了如何在 Vue 项目中使用 `vue-baidu-map` 插件,包括安装、全局注册及具体应用。首先通过 `yarn add vue-baidu-map` 安装插件,并在 `main.js` 中全局注册。然后展示了如何在地图上显示特定位置的标记,以及如何搜索地点并获取其经纬度和详细地址信息。代码示例提供了详细的实现方法和样式调整。如需使用,请确保已获取百度地图 API 的密钥。
|
4月前
|
机器学习/深度学习 搜索推荐
一招告别百度广告烦恼,同时效率提高100倍的几个常用搜索技巧!
一招告别百度广告烦恼,同时效率提高100倍的几个常用搜索技巧!
|
移动开发 小程序 JavaScript
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
503 0
|
12月前
|
JavaScript Linux 开发工具
百度搜索:蓝易云【如何在 GNU Linux 上通过 Nvm 安装 Node 和 Npm?】
现在,你已经成功在GNU Linux上通过Nvm安装了Node.js和Npm。你可以使用Nvm来管理和切换不同版本的Node.js,以满足你的项目需求。
174 0
|
前端开发
构建一个跳转到百度的搜索页面
构建一个跳转到百度的搜索页面
1182 0
|
数据采集 测试技术 Python
python写的爬虫,抓取百度的搜索结果,被屏蔽了怎么办?
这个问题通常是由于频繁的请求导致百度的反爬虫机制触发了验证码的保护机制
|
编解码 文字识别 JavaScript
VUE element-ui之百度OCR证件识别,组件内证件照转码解码识别身份证照文字
VUE element-ui之百度OCR证件识别,组件内证件照转码解码识别身份证照文字
2169 0
VUE element-ui之百度OCR证件识别,组件内证件照转码解码识别身份证照文字
|
JavaScript 搜索推荐 API
JQuery+ajax实现类似百度搜索自动匹配功能
JQuery+ajax实现类似百度搜索自动匹配功能
352 0
JQuery+ajax实现类似百度搜索自动匹配功能
|
JavaScript 定位技术
Vue组件通过动态绑定对象更新后子组件百度地图视图无刷新的解决方式
Vue组件通过动态绑定对象更新后子组件百度地图视图无刷新的解决方式
449 0
Vue组件通过动态绑定对象更新后子组件百度地图视图无刷新的解决方式
|
前端开发 PHP 开发工具
百度编辑器-easyswoole组件版
百度编辑器-easyswoole组件版
127 0

推荐镜像

更多
下一篇
无影云桌面