vue调用打印

前几天做了个打印功能，网上到处找方法，有下载插件的，方法众多，但是都有遇到问题，比如说：图片（头像）打印不出来、打印出来的排版变了。

最后发现做好用的还是windows.print（）；

如果只有部分需要打印，可以用如下样式：

@media print{
  .noprint{          // 不用打印的部分，隐藏起来
    display:none;
  }
  .print{            // 需要打印的部分，显示
    display:block;
  }
}

js方法里面则直接用：

window.print();          // 打印

亲测，简单有效，排版不变形，图片也可以打印出来。

 

法定放@media print{
  .noprint{
    display:no
  .