原文:在vue中實現頁面指定內容打印

在vue開發中,我們會遇到很多關於打印的需求,我將比較常用的方法記錄一下。 我使用的方法是在頁面設置一個節點,獲取該節點,通過給該節點追加樣式來實現打印。 html頁面元素 v show false 確保該節點不會在頁面中顯示 js實現打印 打印會在新的窗口實現打印 ...

2021-01-22 15:38 0 810 推薦指數:

查看詳情

vue項目-打印頁面指定區域的內容(親測有效!)

  關於打印整個頁面的,沒什么好說的。今天我給大家分享一個打印指定區域的方法,你想打印哪里,就打印哪里! 我也是剛剛開始接觸打印這一塊功能的,然后當然是找度娘深入了解了一番啦,期間試了網上的各種方法,有的壓根就沒效果; 有的可以實現打印部分區域的頁面,但是在打印界面會丟失樣式,那樣子界面會很丑 ...

Thu Nov 15 05:44:00 CST 2018 0 8486
jquery 實現打印指定區域的內容

jQuery控制網頁打印指定區域的方法; 先上效果圖 Html: <div id="printArea" style="width: 500px; text-align: left;"> <table> <thead> <tr> ...

Wed May 27 17:21:00 CST 2020 0 1032
Vue頁面實現打印功能

實現打印功能,需要安裝一個插件vue-print-nb,使用方法如下 1)安裝全局的插件 2)在main.js中注冊 3)在頁面中使用 項目運行后,輸入信息點擊打印,就會看到打印預覽的信息,如圖 左側是打印的預覽圖,右邊的打印設置,在目標 ...

Sun Jun 27 03:10:00 CST 2021 0 714
使用jqprint插件實現打印頁面內容

業務場景 客戶需要在頁面有一個打印按鈕,點擊之后可以打印Echarts圖表的內容以及文字提示信息,經谷歌搜索發現,實現方法大概有三種之多,其他兩種不太熟悉,而采用的這種打印方式是一個在jQuery的基本上開發的一個print插件,因此可以使用jQuery的方式查找元素,因此決定 ...

Mon May 14 22:59:00 CST 2018 0 2767
VUE實現打印

1.安裝 npm install vue-print-nb --save 2.在mian.js引入 import Print from 'vue-print-nb' Vue.use(Print); 3.在頁面中使用 <el-dialog title ...

Fri Jun 21 23:12:00 CST 2019 0 1637
window.print()打印頁面指定內容(使用iframe保證原頁面不失效)

使用window.print()時會出現兩個問題: (1)直接使用window.print() 打印的是整頁內容-->無法實現打印指定區域 (2)打印時替換body內容打印完成后再替換回來-->這樣會導致原來頁面狀態失效 使用iframe即可打印指定內容,也可保證頁面不失 ...

Sun May 21 19:22:00 CST 2017 0 17124
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM