Popover 弹出框,为 popper 添加类名样式不生效(解决)

效果:

      

  在开发的过程中，有些效果可能不是我们想要的，就比如，这个Popover 弹出框的样式，我们可能要改变他的形状.
         这个时候，我们就需要用到它的一个属性，popper-class，为 popper 添加类名
        正常来说，加上类名后，我们就可以正常的写css样式了，但是，我在加的过程中，发现怎么都不行，怎么写都不出效果，加上最高权
重，/deep/，::v-deep 都不行，很是无奈。

重点来了，敲黑板

<el-popover trigger="click" popper-class="popoverStylesearch">

般来说一个vue文件里面都会写一个CSS样式对吧，但是这个就不一样的，我们要给这个属性，开个小灶，单独给它写一个CSS样式。就像下面这样

<style lang="scss" scoped>

.custom-div:hover {

background-color: #e8f2fe !important; /* 示例背景色 */

}

</style>

<style lang="scss">

.popoverStylesearch{

padding: 12px 0 !important;

min-width: 0px ;

}

</style>