vue3使用vue3-print-nb实现区域打印功能

时间：2023-12-28 15:15:50 来源：网络作者：秩名阅读：

附：分页打印示例代码

									<template>

									    <div>

									        <button v-print="'#a'">打印</button>

									        <div id="a">

									             // 方法一

									             // 使用div包裹需要分页的块 使用 css属性 page-break-after:always进行分页

									            <div style="page-break-after:always">第一页</div>

									            <div style="page-break-after:always">第二页</div>

									        </div>

									    </div>

									</template>

									<style>

									     // 方法二

									     // 使用媒体查询 在打印时设置 body 和 html 的高度为auto

									     @media print {

									        @page {

									          size:  auto;

									        }

									        body, html {   //如果vue最外层id，默认是#app。如果设置了height:100%;，那么#app也加

									          height: auto !important;

									        }

									      }

									</style>