首页 > 解决方案 > 在 vue.js 的 chrome 浏览器的每个打印页面中打印静态标题

问题描述

嗨,我正在编写代码以在我的 vue Web 应用程序中打印页面。所以我需要在每个页面中打印静态标题,无论是使用 css 还是 js。我创建了一个标题 div 组件并使其位置固定,它在所有页面中打印,但正文的内容被切断了一半。

我需要在标题部分打印徽标、当前时间戳

我添加代码结构

      <div class="header">
      <div class="logo"> </div>
      <div class="time stamp"> </div>
      </div>

标签: javascripthtmlcssvue.js

解决方案


尝试使用 table > thead 作为模板。如果页面溢出到新页面,chrome 将重复 thead 部分。


推荐阅读