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

当Popover 设置最大宽度不起作用 

且::v-deep .el-popover{max-width:330px } 不起作用时

方法1（缺点全局）

<style>
 .el-popover{max-width: 330px!important;}
</style>

方法2

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

  <el-popover
                    placement="bottom"
                    width="113"
                    trigger="click"
                    popper-class="myPopover"//我添加的类名
                  >

 

<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>