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

在表格里最后一列加入了“操作”列,打算在其中添加一个“详情”,单击后,弹出一个框来显示内容详细信息。
但不论是Dialog,还是Tooltip都出现一个问题,弹出来黑色的一片,却没有内容,如下图:
微信截图_20191118201838.png
搜索后,找到两个办法来解决:
方法一:取消 el-table-column中的 fixed=“right”
微信截图_20191118202014.png
方法二:在Dialog中加入属性 :append-to-body =“true”
微信截图_20191118202354.png
在api中的说明如下:
微信截图_20191118202457.png

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

发布了14 篇原创文章 · 获赞 0 · 访问量 788

猜你喜欢

转载自blog.csdn.net/xjh01/article/details/104101248