vue中打印页面部分内容

最新推荐文章于 2024-05-11 07:22:55 发布

langzitianya

最新推荐文章于 2024-05-11 07:22:55 发布

阅读量480

点赞数 4

分类专栏：前端文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/langzitianya/article/details/137116049

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

scale:2 可以增加打印内容的清晰度

windowWidth: 1200可以根据实际内容调整

    printPaper() {
      this.printing = true
      this.$nextTick(() => {
        html2canvas(this.$refs.printPaperRef, {
          useCORS: true,
          foreignObjectRendering: false,
          windowWidth: 1200,
          //windowWidth: document.body.scrollWidth,
          //windowHeight: document.body.scrollHeight,
          scale: 2
        }).then((canvas) => {
          const url = canvas.toDataURL()
          printjs({
            printable: url,
            type: 'image',
            documentTitle: "这是页眉的标题",
            base64: 'true'
          })
        }).finally(() => {
          this.printing = false
        })
      })
    }