查询带有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-</