Javascript 在vuejs中将div组件转换为pdf时出现问题

我想将vuejs中的div组件转换为pdf。Pdf可以下载，但有时会显示空白屏幕。有时它显示正确的输出，但当我在div组件中进行更改时，它再次显示空白屏幕。 另外，我希望dto在UI中显示这个div组件。我只想以pdf格式显示它。如何隐藏屏幕上显示的组件并仅在pdf上显示？ 我的代码是：

从“时刻”中导入时刻；
从“dom到图像”导入domtoimage；
从“html2pdf.js”导入html2pdf；
从“jspdf”导入jspdf；
导出默认值{
数据（）{
返回{
总计：空，
地址：空，
长度：空，
当前日期：空
};
},
道具：['order'，'showInvoice']，
过滤器：{
formatDate:函数（值）{
返回力矩（值）。格式（“DD-MMMM-YYYY”）；
},
},
异步装入（）{
这个总数=0；
console.log（this.order）；
for（设i=0；i{
返回e.classList.contains（“cke_pagebreak”）| | e.classList.contains（“html2pdf_pagebreak”）？true:false；
}
},
jsPDF:{
单位：“pt”，
格式：“A4”，
方向：“肖像”，
PutonlySedFonts：是的，
是的，
},
分页中断：{mode:[“避免所有”]，在“.cke_分页中断”}
}
}
}
}

税务发票/供货清单
条例草案修订如下：
{{地址}
发票{order.orderId}
订单日期：{Order.createdAt | formatDate}
发票日期：{currentDate | formatDate}
高级专员：没有。
项目
价格
量
全部的
{{index+1}}
{{item.name}
${{item.price}
{{item.qty}
${{item.price*item.qty}
总计
${{total}