vue3-print-nb实现打印功能

最新推荐文章于 2024-12-05 16:32:58 发布

张丹新叶之扉

最新推荐文章于 2024-12-05 16:32:58 发布

阅读量1.2k

点赞数 2

分类专栏： vue.js vue3.0插件文章标签：前端

本文链接：https://blog.csdn.net/ZXD1314520/article/details/129163092

版权

本文介绍如何在Vue3应用中利用vue-print-nb插件，实现对表格和表单信息的便捷打印功能，适用于后台管理系统。

摘要由CSDN通过智能技术生成

需求目的：实现对table表格 form表单的信息之类的打印，后台管理用的多

vue-print-nb - npm

1.安插件

npm  i  vue3-print-nb

npm install vue3-print-nb

2.main.ts 全局注册

//引入
import print from 'vue3-print-nb'

const app  =createApp(App)
// 注册
app.use(print)

3.综合使用

 <div id="content" >
        <ul>
            <li>林华谢了春红</li>
            <li>太匆匆</li>
        </ul>
        <span>
            李煜
        </span>
        <img src="@/assets/icon_login.png" />

    </div>
    <button type="button" v-print ="'#content'"> 打印</button>

简单快速适用