el-select中DOM不在body中的情况

el-select中DOM不在body中的情况

我们在使用 el-select 组件的时候，经常性的需要改变组件默认样式。但是出现一个问题，就是我们无论怎么修改，在页面上都不显示。当我们打开控制台后，细心的人就会发现，我们需要修改的dom元素并不在body里面，这样的话，我们应该怎么进行修改呢？

第一种方法（有缺陷）
我们可以全局修改，在页面上

<style></style>    //不加scoped

这样的话就是全局修改，且需要加 !important， 但是如果用到了相同的组件，其他组件的样式会被污染

第二种方法
我们看组件的api，很多的组件都有这样一个属性 popper-append-to-body

将这个属性变成false后，我们就溅组件放到body里面了，这样我们就能局部的修改其默认样式了。