elementUI中下拉框可输入文字和带有分页的条件查询

查询带有select下拉框输入文字
下面是一个select下拉框效果图

一般我们都知道下拉框是不能输入任何内容的，我们可以看到效果图第一个下拉框是我随便输入的文字，只要在自己所需需求加入这三个属性filterable allow-create default-first-option就可以输入任何内容

<div class="box">
      <div class="box_content">
        <el-select v-model="LessName" placeholder="请选择内容" value="" filterable allow-create default-first-option >
          <el-option v-for="(item,index) in querySemester" :key="index" :label="item.semester_name" :value="item.semester_name" />
        </el-select>
      </div>
      <div class="box_content">
        <el-date-picker v-model="startTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd HH:mm:ss" type="date"
          placeholder="选择开始日期" />
      </div>
      <div class="box_content">
        <el-date-picker v-model="endTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd HH:mm:ss" type="date"
          placeholder="选择结束日期" />
      </div>
      <div class="box_content">
        <el-select v-model="defTime" placeholder="选择默认日期" value="">
          <el-option v-</