1. 程式人生 > >vue js列印並去掉頁首和頁尾

vue js列印並去掉頁首和頁尾

 <Button type="info"  @click="print" icon="ios-box-outline" :disabled.native="disable">列印</Button>

         //列印功能
   print(e){  
                // if (!!window.ActiveXObject || "ActiveXObject" in window) { //是否ie
                //     alert('9090');
                //     remove_ie_header_and_footer();
                // }
                this.remove_ie_header_and_footer();
                let subOutputRankPrint = document.getElementById('subOutputRank-print');  
                console.log(subOutputRankPrint.innerHTML);  
                let newContent =subOutputRankPrint.innerHTML;  
                let oldContent = document.body.innerHTML;  
                document.body.innerHTML = newContent;  
                window.print();  
                window.location.reload();  
                document.body.innerHTML = oldContent;  
                return false;  
            }, 

  //去掉頁首和頁尾
            remove_ie_header_and_footer() {
                var hkey_path;
                hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
                try {
                var RegWsh = new ActiveXObject("WScript.Shell");
                RegWsh.RegWrite(hkey_path + "header", "");
                RegWsh.RegWrite(hkey_path + "footer", "");
                } catch (e) {
                }
            },