仓山区城乡建设局网站,宣传片制作标准参数,如何看网站做的好坏,网站怎么做才 吸引人#x1f525;博客主页#xff1a; 破浪前进 #x1f516;系列专栏#xff1a; Vue、React、PHP ❤️感谢大家点赞#x1f44d;收藏⭐评论✍️ 问题#xff1a;
在使用组件库的image时出现了点小问题#xff0c;预览的图片层级反而没有表格的层级高
效果图#xff1a;… 博客主页 破浪前进 系列专栏 Vue、React、PHP ❤️感谢大家点赞收藏⭐评论✍️ 问题
在使用组件库的image时出现了点小问题预览的图片层级反而没有表格的层级高
效果图 可以看见我的样式崩乱了层级混乱 经过F12的查找发现图片预览的div它的层级并不是最高的后来查阅官方的Api的时候发现了一个不起眼的属性 preview-teleported 这个属性不得了了啊看官方介绍 这不就解决了吗 最终代码如下
el-table-column propimg label店铺图片template #defaultscopeel-imagestylewidth: 100px; height: 100px:srchttp://xxxxx scope.row.img:zoom-rate1.2:max-scale7:min-scale0.2:preview-src-list[http://xxxxx scope.row.img]:initial-index4fitcoverpreview-teleportedtrue//template
效果 ok解决下个Bug见
