使用Dialog/Tooltip组件时,不能正常显示

在表格里最后一列加入了“操作”列,打算在其中添加一个“详情”,单击后,弹出一个框来显示内容详细信息。
但不论是Dialog,还是Tooltip都出现一个问题,弹出来黑色的一片,却没有内容,如下图:


微信截图_20191118201838.png

搜索后,找到两个办法来解决:
方法一:取消 el-table-column中的 fixed="right"


微信截图_20191118202014.png

方法二:在Dialog中加入属性 :append-to-body ="true"
微信截图_20191118202354.png

在api中的说明如下:
微信截图_20191118202457.png

但在Tooltip中没有同样的属性,估计只能选用方法一来解决了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容