el-select中DOM不在body中的情况
我们在使用 el-select 组件的时候,经常性的需要改变组件默认样式。但是出现一个问题,就是我们无论怎么修改,在页面上都不显示。当我们打开控制台后,细心的人就会发现,我们需要修改的dom元素并不在body里面,这样的话,我们应该怎么进行修改呢?
第一种方法(有缺陷)
我们可以全局修改,在页面上
<style></style> //不加scoped
这样的话就是全局修改,且需要加 !important, 但是如果用到了相同的组件,其他组件的样式会被污染
第二种方法
我们看组件的api,很多的组件都有这样一个属性 popper-append-to-body
将这个属性变成false后,我们就溅组件放到body里面了,这样我们就能局部的修改其默认样式了。