当前位置:   article > 正文

el-popover、el-select组件,全屏下弹窗不显示_el-tooltip 全屏页面不会弹出

el-tooltip 全屏页面不会弹出

 1、el-popover、el-dialog组件适用:

  1. <el-popover
  2. v-model="isVisible"
  3. width="400"
  4. trigger="manual"
  5. :disabled="!isPopShow"
  6. :placement="popOpen.position"
  7. popper-class="scroll_pop"
  8. @show="popShow"
  9. @hide="popHide"
  10. :append-to-body="inScreen"
  11. >
  12. .....
  13. </el-popover>

重点: :append-to-body="false",将这个属性设置成false,就能够在全屏下展示弹窗了

append-to-body: 是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false

2、el-select组件

  1. <el-select
  2. class="jump_sel"
  3. v-model="linkOpen"
  4. @change="linkChange"
  5. style="width: 100%;"
  6. :popper-append-to-body="inScreen"
  7. >
  8. ...
  9. </el-select>

设置popper-append-to-body属性,在全局预览下,将其设置成false就可以展示了

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/412615
推荐阅读
相关标签
  

闽ICP备14008679号