<template>
<div>
<div>不需要打印的内容</div>
<div id="print">
需要打印的内容
</div>
<!--打印用的隐藏的iframe-->
<iframe width="0" height="0" frameborder="0" id="oprs-iframe"></iframe>
<div style="text-align:center;margin-top: 20px;">
<el-button
id="printBtn"
type="primary"
icon="el-icon-printer"
@click="print()"
>打印</el-button
>
</div>
</div>
</template>
<script>
mounted() {
this.setIframeCss();
},
methods: {
setIframeCss() {
// 在打印的iframe里加入项目已经写好的样式
let syfPrint = document.getElementById("oprs-iframe");
let documentHead = document.getElementsByTagName("head")[0];
let iframeHead = syfPrint.conte
vue 打印页面局部内容
最新推荐文章于 2024-03-28 16:23:22 发布