Popover 弹出框,为 popper 添加类名踩过得坑

亲测可用，若有疑问请私信

1，看之前可以先看一下官网：https://element.eleme.cn/#/zh-CN/component/popover#events

2，官网写的都很笼统，有一些都没做详细解释，新手可能有很多地方都看得比较懵，现在就说一下，自己遇到的坑吧

3，官网这么简单的介绍了一下这个，trigger属性用于设置何时触发 Popover，支持四种触发方式：hover，click，focus 和 manual。对于触发 Popover 的元素，有两种写法：使用 slot=“reference” 的具名插槽，或使用自定义指令v-popover指向 Popover 的索引ref。

这些都很简单也都能理解，在开发的过程中，有些效果可能不是我们想要的，就比如，这个Popover 弹出框的样式，我们可能要改变他的形状，这个时候，我们就需要用到它的一个属性，popper-class，为 popper 添加类名

4， 正常来说，加上类名后，我们就可以正常的写css样式了，但是，我在加的过程中，发现怎么都不行，怎么写都不出效果，加上最高权重，/deep/，都不行，很是无奈。

重点来了，敲黑板
                  <el-popover
                    placement="bottom"
                    width="113"
                    trigger="click"
                    popper-class="myPopover"//我添加的类名
                  >

    

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

<style lang="scss" scoped>
</style>

<style lang="scss">
.el-popover.myPopover {
  padding: 0 !important;
  margin: 0 0 0 90px;
  min-width: 113px;
  .popper__arrow,
  .popper__arrow::after {
    display: none !important;
  }
  </style>

最后一句话，不能加scoped~~~~~~