vue中el-select下拉框文字过长时，导致dropdown溢出问题，加入横向滑动条

问题描述：

解决方法：
Code：

  <el-select v-model="strengthForm.route" placeholder="" style=' width: 100%' @focus="getRouteNameList()" filterable popper-class="select-dropdown">
    <el-option
      v-for="item in routeList"
      :key="item.key"
      :label="item.value"
      :value="item.key"
      style=' width: 360px'
      >
    </el-option>
  </el-select>

提醒：
一定要用popper-class而不是class，要不出不来。
因为默认情况下，select组件库是在body之外的，所以我们控制不了。
所以组件库提供了popper-class

Css：

.select-dropdown {
  max-width: 100%;
}
.select-dropdown .el-select-dropdown__item {
  overflow: visible;
  display: block;
}

Photo：

NICE，成功解决