# hy-search-bar

#### 项目介绍

海颐移动UI组件，搜索框、带搜索页面的搜索框


#### 软件架构

软件架构说明

#### 安装教程

    npm install hy-search-bar --save

#### 使用说明

    在main.js中
    import 'hy-search-bar/dist/vue-search-bar.min.css';
    import { SearchBar } from 'hy-search-bar';
    Vue.use(SearchBar);

    页面中使用
    <search-bar :searchList="reslist" @confirm="select">
    </search-bar>

    export default {
      components: {
      },
      data () {
        return {
          date_demo: '',
          reslist: [{title: '如何创建一个Vue组件', id: 1}, {title: '如何创', id: 2}, {title: '如何创建一个html组件', id: 3}]
        };
      },
      methods: {
        select (val) {
          if (val != null) {
            this.date_demo = val.title;
          } else {
            this.date_demo = '';
          }
        }
      }
    };