vue调用打印事件

最新推荐文章于 2023-09-27 15:06:47 发布

吃柠檬的猫

最新推荐文章于 2023-09-27 15:06:47 发布

阅读量2.6k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43222302/article/details/105277975

版权

vue 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

npm install vue-print-nb --save
import Print from 'vue-print-nb'
vue.use(Print)
使用

// 注意这个id“table”就是打印的范围
//v-print="'#table'" 就是触发打印的
<div id="table">
<p class="no-print">这里的内容不会被打印</p>
<span v-print="'#table'">打印</span>
</div>
关于打印不显示使用class="no-print",无效需要添加一个css样式
就是多媒体查询在打印情况下隐藏指定标签
@media print {
	.no-print {
		display: none;
	}
}