vue+element打印页面功能

项目中遇到了要打印页面的功能,我感之前使用的是一个第三方的插件,但是不兼容IE,后来发现直接调用window的API就可以了,MMP

 

　

 // 打印表单
    printBtn() {
        window.print();
        return;
    },

然后有不想在打印页面里面显示的元素,直接通过CSS样式控制就行了

@media print {
  .print_hide {
    display: none;
  }
  .print_content {
    margin-top: 20px !important;
  }
}