根据月份等信息来查询数据

1.设置样式，插入组件

<el-row style="">
      <el-form :inline="true" class="border-form" >
        <el-form-item label="车型">
          <el-select v-model="searchCondition.vehicleModel" placeholder="选择车型" @change="" style="margin-right: 10px;" clearable="clearable">
            <el-option
              v-for="item in modelOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="月份">
          <el-date-picker
            v-model="searchCondition.month"
            type="month"
            value-format="yyyy-MM"
            placeholder="选择月">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="text"  @click="allYear()"  >2020全年</el-button>
        </el-form-item>
        <el-form-item style="float: right;">
          <el-button type="primary" @click="onSubmit">查询</el-button>
          <el-button type="primary" @click="reset">重置</el-button>
        </el-form-item>
      </el-form></el-row>`
  

data里面放入需要向后台传递的数据

 searchCondition:{
          vehicleModel:'',
          month:'',
        yearFlag:false,
      },

2.查询按钮方法

onSubmit(){
      this.timer = new Date().getTime()
    },

3.重置按钮方法

reset(){
      this.searchCondition.vehicleModel=null;
      this.searchCondition.month=null;
    }