el-select自定义文本框内容

 效果：

 

 代码：

<el-select
     style="width:100%;"
     v-model="form.transportNumberPlate"
     filterable
     :disabled="readonly"
     remote
     placeholder="请输入关键词"
     :remote-method="searchPlateNum"
     @change="handleSelectPlateNum"
     :loading="selLoading">
           <el-option
              v-for="item in plateList"
              :key="item.value"
              :label="item.label"
              :value="item.value">
                <div>{{ item.value+'  ' + item.carriagePersonName}}</div>
           </el-option>
</el-select>

        el-select默认选中展示结果为label的值，通过在el-option中自定义内容可以实现展示的选项和文本框回显不同。

        当然也可以在el-option中实现不同的列表展示效果啦！