仿百度实现本地搜索组件(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(选传)

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


相关文章
|
JavaScript 前端开发 数据安全/隐私保护
Vue封装组件并发布到npm仓库
前言 使用Vue框架进行开发,组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用,甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用,比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同,开发人员还是得必须封装自己得组件,如果换了一个项目,那么我们就只能复制组件代码到新的项目里面去了,这样稍显麻烦,其实我们可以将组建上传到npm仓库,要用的时候可以直接从npm安装使用。 总结下来有两点好处: 方面使用,任何项目无缝衔接。 可作为开源项目,积累经验。
726 0
Vue封装组件并发布到npm仓库
|
2月前
|
JavaScript 安全 测试技术
vue封装组件发布到Npm
【10月更文挑战第17天】
|
7月前
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
微信小程序按需引入 vant 组件,自动清除项目中未使用的 vant 组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
91 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
|
JavaScript CDN
JS:NPM发布一个Vue组件UI库并使用CDN引入使用
JS:NPM发布一个Vue组件UI库并使用CDN引入使用
556 0
|
前端开发 JavaScript
rollup从0到1将react组件库打包发布npm
rollup从0到1将react组件库打包发布npm记录全过程
648 1
rollup从0到1将react组件库打包发布npm
|
JavaScript
npm 上传发布自定义组件以及使用详细流程(Vue包含)(下)
npm 上传发布自定义组件以及使用详细流程(Vue包含)(下)
153 0
|
JavaScript 前端开发 数据安全/隐私保护
npm 上传发布自定义组件以及使用详细流程(Vue包含)(上)
npm 上传发布自定义组件以及使用详细流程(Vue包含)
323 0
|
JavaScript API 开发工具
如何从0开发一个Vue组件库并发布到npm(下)
如何从0开发一个Vue组件库并发布到npm(下)
112 0
|
JavaScript
如何从0开发一个Vue组件库并发布到npm(上)
如何从0开发一个Vue组件库并发布到npm(上)
161 0
|
JSON JavaScript 前端开发
学习Vue3 第三章(Vite目录 & Vue单文件组件 & npm run dev 详解)
index.html 非常重要的入口文件 (webpack,rollup 他们的入口文件都是enrty input 是一个js文件 而Vite 的入口文件是一个html文件,他刚开始不会编译这些js文件 只有当你用到的时候 如script src="xxxxx.js" 会发起一个请求被vite拦截这时候才会解析js文件)
390 0
学习Vue3 第三章(Vite目录 & Vue单文件组件 & npm run dev 详解)

推荐镜像

更多