在线打印数据

vue链接打印机打印

1.直接在页面打开打印机

     //去打印
      toPrint(item,index){
        var iframe = document.getElementById("iframe1");
        var iwindow = iframe.contentWindow;//获取iframe的window对象
        iwindow.document.body.innerText = "";//先清空iframe原先的内容
        let list=''
        for(let i=0;i<1;i++) {
          list = document.createElement('div');//创建标签
          list.setAttribute("class", "dayinbiao");
          list.innerHTML=`

                            

                              
${item.couponTypeName}
                              
抵扣1小时停车时长${i+1}
                              
                            
                          
`

          iwindow.document.body.appendChild(list)
        }
        iwindow.print()
        // 重新加载页面，以刷新数据
        // window.location.reload()
      },

2.在线生成pdf保存到本地