美文网首页
Vue移动端,仿原生搜索页面

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

作者: 单纯的开始 | 来源:发表于2018-09-14 15:48 被阅读0次

        很多移动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文档

    相关文章

      网友评论

          本文标题:Vue移动端,仿原生搜索页面

          本文链接:https://www.haomeiwen.com/subject/vfvogftx.html