vue3 打印pdf功能_vue3打印pdf

作者：小惠珠哦 | 2024-07-25 13:11:39

踩

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;
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小惠珠哦/article/detail/880363