使用print-js打印当前页面内容

2021-03-29  本文已影响0人  陶菇凉

1.安装使用
npm install print-js --save
2.在需要打印的页面导入
import print from 'print-js'
3.方法

printJS({
                    printable: 'printCons',
                    type: 'html',
                    //properties: [
                    //    { field: 'name', displayName: '姓名', columnSize:`50%`},
                    //    { field: 'sex', displayName: '性别',columnSize:`50%`},
                    //],
                    // header: `<p class="custom-p"> 名单 </p>`,
                    // style: '#printCons {width: 600px;} .no-print{width: 0px} .itemText1 { width: 200px } .itemText2 { width: 200px } .itemText3 { width: 200px } .itemText4 { width: 200px }',
                    // gridHeaderStyle:'font-size:12px; padding:3px; border:1px solid; font-weight: 100; text-align:left;',
                    // gridStyle:'font-size:12px; padding:3px; border:1px solid; text-align:left;',
                    // repeatTableHeader: true,
                    // scanStyles:true,
                    targetStyles: ['*'],
                    ignoreElements:['no-print','bc','gb']
                })

官方地址:https://printjs.crabbly.com/

上一篇下一篇

猜你喜欢

热点阅读