popover的z-index问题

因为popover的z-index无法自动增加,导致打开对话框,组件显示无法正常显示

解决办法

将popover的teleported改为false即可

解决过程

版本elementui-plus 2.1.9

第一次打开对话框时可以正常显示

第二次打开对话框时发现 popover 在dialog下面


于是控制台查看这两个组件的z-index,发现dialog的z-index正常(每次打开+1),而popover的z-index却保持不变,所以造成了这个原因,查看element-plus文档,发现popover有一个属性

将popover的teleported改为false即可

element-plus popover的z-index问题相关推荐

  1. element中popover弹框中有选择器,点击后popover消失的解决办法

    element中popover弹框中有选择器,点击后popover消失的解决办法 element中有很多组件,经常用到的一个popover组件,很多时候大家都是使用它展示一些页面放不下或者不好放置的内 ...

  2. element calendar+popover使用

    最近项目向做这个效果: 上代码: <el-calendar><!-- 这里使用的是 2.5 slot 语法,对于新项目请使用 2.6 slot 语法--><templat ...

  3. element plus popover自适应位置

    elementui2.x版本的时候popover有自动适应位置的功能,但是到了element plus似乎没有了,而且文档中也没有这个选项 然后在github中找到了解决方案 参考链接:popover ...

  4. HTML中z index属性是用来,css中z-index 属性与用法详解

    Z-index属性决定了一个HTML元素的层叠级别.元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言.一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部.这个层叠顺序沿着垂 ...

  5. 前端 element plus Popover气泡卡片 中再套个气泡卡片 点击第二个气泡框的时候第一个气泡框不会消失

    当选中小气泡框中的多选框中 前面的这个气泡框会自己消失. 因为第一个气泡框使用的是[trigger="click"] 点击除气泡框本身的内容外其余都会消失. 因为气泡框会默认[将 ...

  6. Element树形表格实现层级index与表格序号隔页累加

    对数据源进行下处理,遍历数组,对第一层对象添加一个index属性,里面装的就是数组的索引,放弃type="index",直接prop="index" 但这样有点 ...

  7. js怎么设置z index.html,HTML5 Canvas set z-index

    j0kEli Stone提出了一个问题:HTML5 Canvas set z-index,或许与您遇到的问题类似. 回答者markE给出了该问题的处理方式: Yes..kind of yes. You ...

  8. element里面popover里面的高度_五斗柜的高度一般是多少 五斗柜放在什么位置好

    五斗柜也就是一种抽屉收纳柜,目前在卧室或是书房等空间均是可以见到.其根据使用用途的不同,进而有着高度和款式,以及摆放位置等等的区别.因此,下面带来五斗柜的高度一般是多少.五斗柜放在什么位置好,以及五斗 ...

  9. 关于element ui popover无法在table显示的问题,

    实质是它的v-model属性值需要唯一的一个值来绑定,在table时,可以考虑对数组设置个默认的布尔值 转载于:https://www.cnblogs.com/alww/p/11340303.html

  10. html设置z index.html,CSS中z-index属性的使用方法和示例介绍

    怎么使用CSS z-index属性?下面本篇文章就来给大家浅谈一下CSS z-index属性的使用方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. z-index属性介绍只有设置 ...

最新文章

  1. HDU2586(ST表+dfs)
  2. 使用UDP的简单C/S程序
  3. springboot1——spring相关入门
  4. 2015年关注的技术书籍
  5. SqlParameter类——带参数的SQL语句
  6. cacti 监控添加插件
  7. Linux下zip命令-不打包目标文件目录
  8. 【C语言】贪吃蛇小游戏代码详解
  9. linux进程阻塞例子,linux阻塞与非阻塞驱动例子
  10. 威廉玛丽大学计算机本科专业,威廉玛丽学院本科专业有哪些?
  11. 佐客牛排机器人餐厅_测评全球首家机器人餐厅综合体,AI味道竟不输“大厨”?...
  12. hexo博客搭建及主题优化(一)
  13. c语言编写闹钟主程序流程图,基于STC15W4K58S4单片机的电子万年历设计源码与报告(数码管显示)...
  14. 几种常用的产生负电源的方法
  15. 敏友的【敏捷个人】有感(4): 发表下个人感言,指导自己的人生
  16. 石油基琥珀酸的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
  17. 《OpenHarmony 3GPP协议开发深度剖析》之--搜网流程之PLMN选择
  18. win10的开机启动文件夹
  19. 线段树(详细注释—pushdown写法)
  20. Flink水位线-详细说明

热门文章

  1. mysql最高平均工资_mysql查询出平均工资最高的部门编号
  2. 2012-2013年世界大学计算机专业排名
  3. 金钱数字转换为大写中文
  4. JavaScript实现React实现网页转换成图片截屏下载
  5. 苹果真的老了!iphone XR降价跌至6500,与iphone X有很大差距
  6. 11.1 WAN接入配置
  7. QQ三方登录之资料审核
  8. 为什么建议大家一定要办一张大流量卡!
  9. 智能镜——6.屏幕显示时间日期篇
  10. 手机端PDF转换器有哪些  PDF转PPT在手机上怎样操作