搜索栏封装

使用element-ui弄了个简单的表单搜索栏组件，适用于一般的管理后台。效果如下：

效果

点击搜索按钮

1.重置按钮默认存在，如果不需要可以通过showResetBtn隐藏
2.通过设置formOptions来设置需要的表单内容
3.设置btnItems来设置按钮，并且默认点击的时候都会返回整个表单内容
4.需要返回值在callBack中写入参数即可

btnItems: [
        {
          txt: '搜索', // 按钮名称
          type: 'primary', 
          callBack: (val) => {
            _self.test(val)
          }, // 回调，可通过回调返回整个表单内容，回调方法写在methods中，通过重新定义this
        },
        {
          txt: '导出',
          type: 'primary',
          callBack: () => {
            _self.test2()
          }, // 不需要返回值
        }
      ], // 按钮数据

5.表单类型包括input/select/time/date，可以根据需求进行更改

组件页面

// search-column.vue

使用页