美文网首页
使用print-js打印当前页面内容

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

作者: 陶菇凉 | 来源:发表于2021-03-29 16:27 被阅读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/

    相关文章

      网友评论

          本文标题:使用print-js打印当前页面内容

          本文链接:https://www.haomeiwen.com/subject/atvbhltx.html