当前位置: 代码迷 >> 综合 >> Popover 弹出框,为 popper 添加类名踩过得坑
  详细解决方案

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

热度:51   发布时间:2024-01-18 18:01:10.0

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

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

方法1(缺点全局)

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

方法2

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

  <el-popoverplacement="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>