vue3 打印pdf功能

官方文档

安装 vue-print-nb

npm install vue-print-nb --save

引入vue-print-nb

main.js 中全局引入

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

使用

<div id="bodyContainer">打印内容</div>
<el-button v-print="'#bodyContainer'">打印按钮</el-button>

 bodyContainer是包裹内容的便签名称，需要和下面的对应

修改css样式

/* 格式化样式 */
@media print {

    * {
        -webkit-print-color-adjust: exact !important;
    }

}

/* 去掉页眉页脚 */
@page {
    size: auto;
    margin: 2mm;
}