el-select下拉框高度有效设置不污染

前几天一个月薪35k的兄弟，给我推了一个人工智能学习网站，看了一段时间挺有意思的。包括语音识别、机器翻译等从基础到实战都有，很详细，分享给大家。大家及时保存，说不定啥时候就没了。

el-select下拉框高度有效设置不污染

el-select下拉高度设置，然后添加垂直滚动，这个给我坑了半天。加scoped加/deep/，不管用。不加scoped，加父类，其实就不显示父类，有的话父类还是一个全局的#app，不加父类还会污染全局，网上查了很久，乱七八糟的都不管用。最后，直接上代码。

解决

<template>
  <div>
    <el-select v-model="value" placeholder="请选择" size="mini" @change="change" multiple>
      <el-row class="blRow">
        <el-col>
          <el-option v-for="(item, inx) in reList" :key="inx" :label="item.name" :value="item.type"></el-option>
        </el-col>
        <el-col class="btnRow">
        <div class="btn" @click="clickFn">提交分类</div>
        </el-col>
      </el-row>
    </el-select>
  </div>
</template>

说明

就是在el-option外面加一个包裹的盒子，div也可以，他就会直接在ul下面添加一个拥有类名的盒子，我们可以通过控制这个盒子来调整下拉的宽高。宽度也可以通过这个方法，或者控制padding来调整宽度。