vue实现打印功能的两种方法

最新推荐文章于 2024-09-23 17:44:50 发布

橙可爱

最新推荐文章于 2024-09-23 17:44:50 发布

阅读量1.5k

点赞数

分类专栏： vue 文章标签： vue打印

本文链接：https://blog.csdn.net/weixin_42332641/article/details/101022276

版权

vue 专栏收录该内容

72 篇文章 0 订阅

订阅专栏

下载依赖

npm install vue-print-nb --save

main.js引入

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

项目中使用

<button v-print>Print the entire page</button>
<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>