vue 使用打印机打印数据 print-js

日期: 2019-06-18         浏览量: 6865

使用 print-js 打印机打印数据, 打印方式很多种,请查看官方文档。(简单介绍json格式数据打印)


1. 安装 print-js



npm install --save print-js



2. 在vue页面引入



import print from 'print-js'



3. 准备要打印的数据(json) 开始打印



let arr = [
    {
        name:"小明",
        sex:"男"
    },
    {
        name:"小红",
        sex:"女"
    },
];

printJS({
    printable: arr,
    type: 'json',
    properties: [
        { field: 'name', displayName: '姓名', columnSize:`50%`},
        { field: 'sex', displayName: '性别',columnSize:`50%`},
    ],
    header: `<p class="custom-p"> 名单 </p>`, 
    style: '.custom-p { padding:5px 0; font-size:12px; }',
    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,
})