本文主要是介绍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的实现)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!