element ui表格打印_ElementUi 使用PrintJs 实现基础打印功能

打印预览效果：

代码简单实现：

打印采购单

id="printJS-form"

ref="table"

:data="purchase_item"

show-summary

:summary-method="getSummaries"

style="width: 100%"

>

{{ row.sku_sn }}

{{ row.item_sn }}

......略过

import print from 'print-js'

/**

* 打印

*/

CreateOneFormPage() {

print({ printable: 'printJS-form',

type: 'html',

header: '采购单',

headerStyle: 'text-align:center;color:#f00;width:100%;border:1px #000 solid;',

// targetStyles: ['border', 'padding: 15px'],

scanStyles: false,

style: 'table tr td,th { border-collapse: collapse;padding: 15px;border:1px #000 solid; }' // 表格样式

})

},