实现打印

接到一个需求，需要使用到打印这个功能，百度了一下网上给我2种解决方案，1是使用vue-print-nb来完成打印，但是他又一个问题就是内容打印不全，在打印操作时点击更多设置，然后设置缩放，2是需要引入一个js库，感觉这2种方法都是不是特别简单，经过前辈的帮忙，使用print-js来解决这一问题，话不多说，直接上代码

cnpm i print-js -S

<template>
    <div>
        <div id="report-content">
　　　　　　<p>锄禾日当午</p>
　　　　　　<p>汗滴禾下土 </p>
　　　　　　<p>谁知盘中餐</p>
　　　　　　<p>粒粒皆辛苦</p>
　　　　</div>
　　　　<button @click="printTest">打印</button>
    </div>
</template>
<script>
    import Print from 'print-js';
export default {
    data(){
        return{
        }
    },
    methods:{
        printTest(){
            Print({
              printable: 'report-content',
              type: 'html',
              // 继承原来的所有样式
              targetStyles: ['*'],
              documentTitle: '唐诗',
              honorMarginPadding: false
            });
        }
    }
}
   
</script>
<style type="text/css">
    #report-content{
        width: 500px;
        height: 500px;
        margin: 0 auto;
        border: 1px dashed #999;
    }
    p{
        color: red;
    }
</style>

小编亲测，效果有保障，有啥错误可以留言一起解决