页面打印

一、调出打印页面直接打印

复制代码
//toolbar=no,location=no,directories=no,status=no 这些特征将分别隐藏工具栏、地址栏、目录按钮和状态栏。
      window.open(routeData.href, 'newWindow', 'toolbar=no,location=no,directories=no,status=no,menubar=no');


mounted() {  
    this.print();
},
methods: 
{
print()
  {
    setTimeout(function(){    
        // //  指定元素打印。
        let oldStr = window.document.body.innerHTML;
        let newStr = document.getElementById('divPrint').innerHTML;
        window.document.body.innerHTML = newStr;
        window.print();
        window.document.body.innerHTML = oldStr;        
        }, 1000);
  }
}

<style scoped>
/* 去除页眉页脚及网址 */
@page {
  margin-top: 0;
  margin-bottom: 0
}
</style>
html js style
复制代码

打印二维码问题见:https://www.cnblogs.com/xbding/p/16106168.html

posted @   丁焕轩  阅读(8)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示