打印

// 打印
function printPage (id, isLoad){ // 第二个参数代表是否需要等待页面加载完才处理，true是需要
  var mywindow = window.open()
  mywindow.document.write('<html><head>')
  mywindow.document.write('</head><body>')
  mywindow.document.write(document.getElementById(id).innerHTML)
  mywindow.document.write('</body></html>')
  mywindow.document.close() // necessary for IE >= 10
  mywindow.focus() // necessary for IE >= 10
  if (isLoad) {
    mywindow.onload = function(){
      mywindow.print()
      mywindow.close()
    }
  } else {
    mywindow.print()
    mywindow.close()
  }
  return true
}

在vue项目中一般将需要打印的内容单独写成一个组件，在触发打印功能的组件中引入，便于减小单个组件的大小，利于维护

打印

# 打印

打印