vue多条件搜索

父组件

<template>
  <div class="vertical">
    <div class="search">
      <div :class="{ searchHidden: isHidden }">
        <el-button icon="el-icon-search" type="primary" @click="searchInput">查询</el-button>
        <el-input placeholder="请输入关键字  提案编号/提案名称" v-model.trim="keyWord" clearable
          		  @keydown.enter.native="searchInput" >
        </el-input>
      </div>
    </div>
    <el-divider class="divider">
    	<span @click="dividerChange" class="dividerSpan">
    		{
  { dividerWord }}<i :class="dividerIcon" />
    	</span>
    </el-divider>
    <search-form :class="{ serHidden: !isHidden }" @detailSearch="detailSearch"></search-form>
    <div class="tools">
      <el-button icon="el-icon-plus" @click="handleAdd">新增</el-button>
      <el-button icon="el-icon-s-tools" @click="colChange" class="settingIcon"></el-button>
    </div>
    <el-table :data="tableData" ref="multipleTable" :row-key="getRowKey"
     		  @selection-change="handleSelectionChange" class="vertical-content">
      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
      <el-table-column align="center" label="序号" width="60" fixed>
        <template slot-scope="scope">{
  { scope.$index + 1 }}</template>
      </el-table-column>
      <el-table-column :key="index" align="center" :label="item.label" :prop="item.prop"
        			   width=