element ui的Popover 弹出框修改样式

在vue组件中用popper-class修改Popover 弹出框样式却发现无效？

原因：

在浏览器终端找到el-popover结点，发现它与id = "app"（vue挂载的根结点）是兄弟结点。

在vue中定义的popper-class类样式会受到scoped的区域限制，导致这个样式无法超出该组件起作用，更无法在app之外的结点起作用。如果删除该组件的scoped又会污染其他组件的样式。

改正：

将该popper-class对应的样式移到全局样式中，将该全局样式引入main.js文件。切记样式中需要使用!important。