原生js打印

最新推荐文章于 2023-10-18 22:43:58 发布

weixin_43493217

最新推荐文章于 2023-10-18 22:43:58 发布

阅读量501

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/weixin_43493217/article/details/103537244

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

原生js打印

原生js批量打印

利用window.print进行批量打印

doPrint () {
        var that = this
//获取选中行数据
        var html = ''//定义文章内容
        that.data.forEach(function (item, index) {
          html += '<html><head><title></title></head><body>' +'<div style="page-break-after: always;"><div>客户姓名：'+item.nickname+'</div>' 
          '</div></body></html>'
        })//循环列表数据并绘制html片段
        document.body.innerHTML = html//将页面内容修改成刚才循环绘制成功的而页面
        window.print()//打开打印
        window.location.reload()//打印或取消后刷新页面
        return false
      },

优惠劵

weixin_43493217

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
原生js打印

原生js打印原生js批量打印利用window.print进行批量打印doPrint () { var that = this//获取选中行数据 var html = ''//定义文章内容 that.data.forEach(function (item, index) { html += '<html><...
复制链接

扫一扫