前言

最近使用vue3 + element-plus 开发后台管理系统时，使用Image 图片组件的预览功能时，小黑子不能听话得蹦出来，预览的图片被表格覆盖了。

代码片段：

问题出现：

一看到小黑子被表格挡住我就气不打一处来，小黑子怎么能被挡住呢，小黑子应该想出来就出来（玩笑脸）， 然后我就仔细研究了一番，发现应该是定位的问题。然后又发现了官方文档有一个preview-teleported属性。

解决方法

主要我把这个属性加上去后，预览的图片元素就会加到body上，它就会以body元素来定位了（我可能理解得不是很对，希望有大佬在评论区细嗦一番），小黑子就不会被表格挡住了，想怎么打篮球就怎么打篮球 预览的图片被表格覆盖了。

代码片段：

小黑子终于不被覆盖了。鸡你太美，鸡你太美，鸡你太美。 图片终于能成功预览了。

最后

本文只是自己学习和开发过程中的一个记录，如果对你有帮助希望您能高抬贵手，点个赞。如果感觉有问题，欢迎指出，一起拯救小黑子，一起进步。