首页 > 解决方案 > vue-html-to-paper 样式未加载

问题描述

我正在使用 vue-html-to-paper 在我的 vuejs 应用程序中打印并遵循文档,但是当单击打印获取控制台日志时,样式未加载到打印窗口中,如图所示

const options = {
  name: "_blank",
  specs: ["fullscreen=yes", "titlebar=yes", "scrollbars=yes"],
  styles: ["./assets/css/demo.css"],
};
Vue.use(VueHtmlToPaper, options);

在此处输入图像描述

标签: javascriptvue.jsprinting

解决方案


我假设您在项目中使用 Webpack。如果是这样,您需要将资产目录放在 /public 目录中(而不是 /src)。Webpack 会忽略该目录中的所有内容,因此它们照常提供。更多信息

简短的回答:将您的 /assets 文件夹放在 /public 中,样式应该会加载。


推荐阅读