在elementUI中popover遇上dialog的隐藏显示问题

Posted 2023-05-10

参考技术A <el-popover

  placement="bottom"

  trigger="manual"

  v-model="visible_2">

  <div class="popover_box">

    <workOrderFilter></workOrderFilter>

  </div>

  <el-button :size="size" class="subThemeBtn" slot="reference" @click="visible_2 = !visible_2">筛选</el-button>

</el-popover>

修改elementui的el-popover弹框的样式

参考技术A 在el-popover元素上添加 popper-class="（自定义样式类名）"属性，即

<el-popover popper-class="myPopover"></el-popover>，在<style>中，把scoped去掉，然后在样式最前面加上自定义样式。.el-popover.myPopover自定义样式。