vue2实现打印功能（vue-print-nb的实现）

本文主要是介绍vue2实现打印功能（vue-print-nb的实现），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

实现效果：

引入插件  npm install vue-print-nb --save

import Print from 'vue-print-nb'

Vue.use(Print) 

<div ref="printTest" id="printTest"><div style="text-align: center; page-break-after: always"><div style="font-size: 32px; text-align: center; width: 640px">记录报告单</div></div></div><!-- v-print指令可以直接绑定到对应的打印区域--><div style="margin-top: 10px"><el-buttonv-print="'#printTest'"type="primary"size="mini"style="margin-right: 10px">打印</el-button><el-button@click="ExportSavePdf(htmlTitle, nowTime)"type="primary"size="mini">下载</el-button></div>

这篇关于vue2实现打印功能（vue-print-nb的实现）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---