基于lodop实现web端打印分页样式自定义配置需求

最新推荐文章于 2024-06-27 17:37:18 发布

晓鱼姑娘

最新推荐文章于 2024-06-27 17:37:18 发布

阅读量588

点赞数

文章标签： lodop

本文链接：https://blog.csdn.net/weixin_37201927/article/details/100577938

版权

js地址点我
1.组件引入

import { getLodop } from "../../../static/lodop/LodopFuncs";

2.打印methods

    printHTML() {
      LODOP = getLodop();
      var strStyleCSS =
        "<link href='../../../static/lodop/lodop.css' type='text/css' rel='stylesheet'>";
      var strFormHtml =
        "<head>" +
        strStyleCSS +
        "</head><body>" +
        document.getElementById("temp").innerHTML +
        "</body>";
      LODOP.PRINT_INIT("");
      /* 页面内边距外边距纸张大小配置 */
      LODOP.ADD_PRINT_HTM(10, 30, "85%", "85%", strFormHtml);
      LODOP.PREVIEW();
    },