项目场景：
由于甲方要求，项目需要打印二维码标签，故开发此功能
开发流程
安装包：npm install print-js --saveprint-js的使用-
<template> <div id="print" ref="print" > <p>打印内容<p> </div> //打印按钮 <el-button type="success" @click='doPrint'>打印</el-button> </template> <script> //打印组件 import print from 'print-js' export default { methods: { doPrint() { printJS({ printable: "print", type:'html', targetStyles:['*'], style:"@page {margin:2.4cm 2cm ;resolution: 300dpi;}", onPrintDialogClose: this.erexcel=false, targetStyles: ["*"], // 使用dom的所有样式，很重要 //解决字体样式失效的问题 font_size: '', }) }, } } </script>
问题描述
例如：在打印过程中会出现字体样式失效的问题：文章来源：https://www.toymoban.com/news/detail-687347.html
加入这行代码即可 font_size: '',文章来源地址https://www.toymoban.com/news/detail-687347.html
到了这里，关于vue使用打印组件print-js的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
