码迷,mamicode.com
首页 > 其他好文 > 详细

打印预览及打印

时间:2020-02-20 17:23:38      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:影响   list   png   lis   对话   样式   item   alt   ntb   

1、window.print()  -- 用于打印当前窗口的内容。

  调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常,这会产生一个对话框,让用户可以取消或定制打印请求。

技术图片

1. dom替换    -- dom替换会导致事件失效,如果重新加载的话又会影响到体验;

2. 新窗口打印   -- 新窗口缺因为样式问题也不好解决,都不满足项目的需求;


printBillDig(){ //打印单据 var printDiv = document.createElement(div); printDiv.innerHTML = this.$refs.itemList.innerHTML; printDiv.style.position = fixed; printDiv.style.left = 0; printDiv.style.top = 0; printDiv.style.width = 100%; printDiv.style.height = 100%; printDiv.style.zIndex = 100000; printDiv.style.background = #fff; printDiv.style.overflow = auto; document.body.appendChild(printDiv); window.print(); document.body.removeChild(printDiv); },

 

2、

打印预览及打印

标签:影响   list   png   lis   对话   样式   item   alt   ntb   

原文地址:https://www.cnblogs.com/slightFly/p/12331589.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!