在VUE中实现打印
2024-09-04 17:41:49
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'"
把他写在要去打印的按钮上
写上就能打印了~
最新文章
- tomcat热部署
- ROW_NUMBER() OVER() 用法
- UI基础:UIActionSheet和UIAlterView
- C# 语音识别(文字to语音、语音to文字)
- UVa 1642 (综合) Magical GCD
- HDOJ 1018 Big Number(大数位数公式)
- poj 2975 Nim_最经典的Nim取石子
- Android 主线程和线程之间相互发送消息
- MVC5模板部署到mono
- Web应用中监听者的通知顺序按照DD中的定义顺序
- 一种解决eclipse中安装maven出错的方法
- [转]一个普通IT人的十年回顾---金旭亮
- struts 2.5配置
- HDU 1020(连续同字符统计 **)
- RMQ问题(Sparse-Table算法)
- 潭州课堂25班:Ph201805201 爬虫基础 第九课 图像处理- PIL (课堂笔记)
- jboss-as- 7.1.1.Final配置jndi数据源
- (转)一张图学会Dockerfile
- linux安装完jenkins无法访问的问题
- DPDK在OpenStack中的实现