记录vue3页面转成pdf文件,表格文字显示不全、有额外阴影问题

324 阅读1分钟

前言

页面转成pdf文件之后,其中的表格文字会显示不全,并且有一些额外的阴影。以下是我的问题详情与解决方法。

问题详情

如下图所示:

image.png

解决历程与方法

开始我以为是页面转pdf的时候给他额外新增了阴影,但是我仔仔细细看了几遍代码都没发现添加阴影的代码。后来我发现同一个pdf文件里面,有一些表格字体能展示完全,也有一些没有阴影。仔细对比,发现有阴影的部分都是外层套了一个el-card,没有阴影的都是div。字体显示不全是因为设置了size='large'或者没设置size属性,而设置size='small'的就能显示完全。