下拉框选择搜索html
<div class="widget box">
<div class="widget-header">
<h4><i class="el-icon-tickets"></i>学生批量调班</h4>
</div>
<el-select v-model="dCValue" placeholder="请选择调出班级" class="sjw dc" @change="changeChuClass" @focus="chuPanDeng">
<el-option
v-for="item in chuOptions"
:key="item.class_id"
:label="item.class_name"
:value="item.class_id"
v-show="item.show">
</el-option>
</el-select>
<el-select v-model="dRValue" placeholder="请选择调入班级" class="sjw dr" @change="changeRuClass" @focus="ruPanDeng">
<el-option
v-for="item in ruOptions"
:key="item.class_id"
:label="item.class_name"
:value="item.class_id"
v-show="item.show">
</el-option>
</el-select>
<div class="widget-content">
<el-transfer
:titles="['调出班级','调入班级']"
v-model="value2"
:data="data"