浏览器打印

参考文章：浏览器打印

一，概述

前端调用接口，返回html，然后使用window.print()来实现打印。

二，实现

 ```cpp // 打印报表 handlePrintHtml(params, that) { 
    let printHtmlUrl = `${ 
   that.$baseAPIs.serverOne}/OrderExport?`; that .axios({ 
    url: printHtmlUrl, method: 'get', // 默认值 dataType: 'json', params:params }) .then(response => { 
    var printWin = window.open('打印窗口', '_blank'); printWin.document.write(response.data); //开始修改样式 const handelStyle = 'h1{ 
   text-align:center;font-size:30px} table{ 
   width:100%;border-collapse:collapse;border-spacing:0px;test-align:center;font-size:20px} td{ 
   text-align:center;}'; addNewStyle(printWin.document, handelStyle); printWin.document.close(); printWin.print(); printWin.close(); }) .catch(error => { 
    console.log(error); }); }, //给新打开的窗口增加样式文件 addNewStyle(el, newStyle) { 
    let styleElement = document.createElement('style'); styleElement.appendChild(document.createTextNode(newStyle)); el.getElementsByTagName('head')[0].appendChild(styleElement); }, 

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/hdkf/10975.html