uniapp页面打印pdf文件

最新推荐文章于 2025-04-22 18:49:00 发布

科技猿说

最新推荐文章于 2025-04-22 18:49:00 发布

阅读量3k

点赞数

分类专栏： Uniapp开发H5笔记文章标签： uni-app vue.js

本文链接：https://blog.youkuaiyun.com/weixin_44089042/article/details/115379510

版权

本文档介绍了如何在uni-app中使用vue-print-nb插件将页面内容转换为PDF文件。通过cmd指令安装插件，然后在main.js中引入，并在界面中应用。最后展示了打印效果截图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp页面打印pdf文件

一、cmd指令安装 vue-print-nb --save

npm install vue-print-nb --save

二、在main.js写入引用

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

三、使用界面

<div id="printMe" style="background:red;">
        <p>葫芦娃，葫芦娃</p>
        <p>一根藤上七朵花 </p>
        <p>小小树藤是我家 啦啦啦啦 </p>
        <p>叮当当咚咚当当　浇不大</p>
        <p> 叮当当咚咚当当 是我家</p>
        <p> 啦啦啦啦</p>
        <p>...</p>
    </div>

    <button v-print="'#printMe'">Print local range</button>

如果是uniapp 把div换成view就行。