在Drawer 抽屉里面使用Select 选择器遇到(下拉列表自动展开)小坑

在Drawer 抽屉里面使用Select 选择器遇到(下拉列表自动展开)小坑

情况描述：根据业务需求，我在Drawer 抽屉里面使用到了Select 选择器，存在的显示问题是：
在打开Drawer 抽屉的时候，里面的select下拉列表会自动展开，就很烦 ,需求是：不让下拉列表自动展开。

废话不多说，其实就是不要加select选择器中的filterable属性，filterable属性作用：是否可搜索
加上在打开Drawer 抽屉的时候，就会出现自动展开下拉列表的情况，就很烦。

<template>
  <el-select v-model="parkingLifeInfo.eventType" placeholder="按变更类型进行查询" clearable size="mini" @change="getParkingLifeInfo">
    <el-option
        v-for="item in parkingLifeOption"                                                     :key="item"                                                         :label="item"                                                  :value="item"/>                                        </el-select>
 </template>

去掉filterable属性后效果：