Windows.print()打印iview中的table

求解:使用Windows.print()打印iview中的table,样式全无,而且第一次点击打印还无法获取到数据,请问有哪位大神可否告知一下,谢谢各位了

clipboard.png

clipboard.png

阅读 5.2k
1 个回答

遇到同样的问题,需要导入iview以及table的样式才能显示正常,node_modules/iview/dist/styles/iview.css

我用的print.js 第三方
现在我在研究如何导入table的样式,现在的想法是把table的less文件转化为css文件,然后引入,不知道是否可行,如有进展 及时联系,谢谢

附上代码

        this.printLoading = true
        setTimeout(() => {
          PrintJS({
            printable: this.pageId,
            documentTitle: '详情',
            type: 'html',
            targetStyle: ['*'],
            ignoreElements: [this.actionId],
            maxWidth: 1200,
            css: ['../../../node_modules/iview/dist/styles/iview.css'],
            style: '.main-head {font-size: 16px;font-weight: bold;color: #464c5b}',
            onLoadingEnd: () => {
              this.printLoading = false
            }
          })
        }, 300)
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题