1.安装

npm install vue-print-nb --save

2.在mian.js中引入

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

3.在页面中使用

<el-dialog title="打印页面" :visible.sync="dialogVisible" width="40%" :loading="loading" size='small' @open="dialogOpen">
<div style="width:500px">
<img id="printTest" :src="printImg" style="width:100%; height:auto;" >
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="print" v-print="'#printTest'">去打印</el-button>
</span>
</el-dialog>

 在图中的
id="printTest"

写在要打印的标签身上
v-print="'#printTest'"

把他写在要去打印的按钮上
写上就能打印了~

最新文章

  1. tomcat热部署
  2. ROW_NUMBER() OVER() 用法
  3. UI基础:UIActionSheet和UIAlterView
  4. C# 语音识别(文字to语音、语音to文字)
  5. UVa 1642 (综合) Magical GCD
  6. HDOJ 1018 Big Number(大数位数公式)
  7. poj 2975 Nim_最经典的Nim取石子
  8. Android 主线程和线程之间相互发送消息
  9. MVC5模板部署到mono
  10. Web应用中监听者的通知顺序按照DD中的定义顺序
  11. 一种解决eclipse中安装maven出错的方法
  12. [转]一个普通IT人的十年回顾---金旭亮
  13. struts 2.5配置
  14. HDU 1020(连续同字符统计 **)
  15. RMQ问题(Sparse-Table算法)
  16. 潭州课堂25班:Ph201805201 爬虫基础 第九课 图像处理- PIL (课堂笔记)
  17. jboss-as- 7.1.1.Final配置jndi数据源
  18. (转)一张图学会Dockerfile
  19. linux安装完jenkins无法访问的问题
  20. DPDK在OpenStack中的实现

热门文章

  1. html--垂直居中
  2. echo 改变字体颜色
  3. python 递归计算若干工作日后的日期
  4. 容斥原理——hdu2841
  5. Clion IDE的安装
  6. js获取base64格式图片预览上传并用php保存到本地服务器指定文件夹
  7. promise体验
  8. Sping中的AOP
  9. 使用Windows任务计划程序和Python备份Mysql数据库
  10. Open CASCADE Technology: IGES Support