1,安装
npm install vue-print-nb --save
2,引入
安装好以后在main.js文件中引入
import Print from 'vue-print-nb'
Vue.use(Print); //注册
3. 使用
用
包括打印区域使用方法一:<div print-icon" v-print="'#printMe'">打印</div>
使用方法二:<div print-icon" v-print="printObj">打印</div>
data(){
return {
printObj:{
id: "printMe",//打印区域ID
popTitle: '国药集团上海医疗器械有限公司出库单',--打印表名 如果没有选显示页眉不显示
/*extraCss: 'https://www.google.com,https://www.google.com',
extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>,' +
'<style> #printMe {height: auto !important; }<style>' ,
// 可以传进去 style tag 标签;注意要逗号分隔 解决特定区域不显示问题;*/
},
}
}
坑:
1.图片用base64格式,如果使用其他格式,点击打印之后页面图片会变空白,base64不会