应用场景：

我们在做vue项目时，根据页面的ui设计，element的样式会被公共的去修改，而不是在vue组件中，但是有的地方element有特例，需要我们单独去修改，而el-cascader、el-time-select、el-date-picker、el-select等有弹出框的组件，我们发现，我们在组件scoped限制下通过class是取不到弹出框的（当然我们可以将scoped的限制去掉，可以取到，但是会影响到项目其他地方的样式）。

解决方式：

利用popper-class属性，为弹出框设置class，我们以el-select为例。

当没有popper-class属性时：

    <el-select v-model="select">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </el-option>
    </el-select>

class是element自动给设置的

当我们用了popper-class时：

    <el-select v-model="select" popper-class="heiBoyNextDoor">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </el-option>
    </el-select>

 class除了有element自动给设置的，最后一个class名是我们手动添加的

同理：el-cascader、el-time-select、el-date-picker等一些有弹出框的组件也是可以用的