vue 使用print.js实现前端打印功能

最近新接了一个需求，想要在前端实现打印功能，最开始试了window.print()这个方法，结果发现我想打印的图片它只能打印图片中的一部分，打印的不完整，如下图

调整了缩放比例之后发现还是不可以，后来又尝试了vue里面的一个插件vue-print-nb，但是当所有的东西都配置好之后，点击打印的时候竟然报错，大概意思是说我的css样式获取不到

然后我试了最后一种方法，亲测好使print.js

1.首先src下新建文件夹（只是方便管理，你放在其他位置也可以）

2.附上print.js的代码

你也可以直接去这里下载源码

https://github.com/xyl66/vuePlugs_printjs

// 打印类属性、方法定义
/* eslint-disable */
const Print = function (dom, options) {
  if (!(this instanceof Print)) return new Print(dom, options);

  this.options = this.extend({
    'noPrint': '.no-print'
  }, options);

  if ((typeof dom) === "string") {
    this.dom = d