vue-print-nb插件的使用

vue-print-nb插件的使用


前言

vue-print-nb插件打印的简单使用

一、下载插件

npm i vue-print-nb

二、main.js中引入

import Print from 'vue-print-nb'
Vue.use(Print)

三、使用

1)创建打印内容,对最外层盒子设置id,

 <div id="myPrint">
 打印内容
 </div>

2)设置打印按钮,使用v-print指令绑定打印内容盒子的id

<-button v-print="printObj">打印</button>

3)点击打印按钮即可弹出打印设置


版权声明:本文为qq_58061710原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。