element之popover弹出框

项目中遇到这种问题，一个页面有多种popover,如图，我想要一个背景是蓝色的popover弹出框和背景是白色的弹出框

当你改变其中一个popover时，其他的都别改变了，这是因为你改的popover的样式是全局的，且它是独立于app之外的，也就是说你只能这么写

.el-popover {
     
  display: inline-block;
  background: #1F4F6B;
  max-width: 990px;
  border    : none;
  border-radius: 0;
  top: 4.2rem !important;
}

我们可以利用popper-class属性，给popover添加class，给这个类写一个专属样式就可以了

 <el-popover
          placement="bottom"
          trigger="hover"
          popper-class="ppppp"
          class="secondMenu"
        >
el-popover>

.ppppp {
     
  display: inline-block;
  background: #1F4F6B;
  max-width: 990px;
  border    : none;
  border-radius: 0;
  top: 4.2rem !important;
}

搞定！