Vue移动端，仿原生搜索页面

    很多移动UI 都有搜索框，但都是简单的输入框，今天分享一个仿原生搜索页面，像原生移动端一样搜索效果的页面，效果如下：

使用方法，首先install 组件

    npm install vue-search-bar --save

引入组件

在main.js中

import 'vue-search-bar/dist/vue-search-bar.min.css';

import { SearchBar } from 'vue-search-bar';

Vue.use(SearchBar);

页面中使用

<search-bar :onChange="onChange" :onSearch="onSearch"> 搜索页面 推荐标签 搜索提示等等... </search-bar>


更多使用方法查询官方组件 github文档

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容