如何修改elementui的el-popover弹框的样式

如何修改elementui的el-popover弹框的样式

问题描述： elementui只能设置宽度，但内容很多的时候，就会导致弹框很长

可是除非直接污染所有样式，否则样式一直不生效，因为popover的dom和根组件app同级。

解决方法：

• elementui官网内有专门为popper添加类名的属性

• 在el-popover组件上加上这个属性

 <el-popover trigger="hover" effect="dark" :content="item2.concatStr" popper-class="popover-concat-str" placement="top" width="300" open-delay="300">
     <div>内容...</div>
 </el-popover>

• 再添加自定义样式

 <style lang="scss">
 .popover-concat-str {
   height: 200px;
   overflow-y: scroll;
 }
 </style>

这样就不会污染其他组件的样式了