天天看點

vue實作列印功能的兩種方法

1,安裝  npm install vue-print-nb --save

2,引入安裝好以後在main.js檔案中引入 

3,現在就可以使用了

4.如需通過連結位址列印:window.location.href = airway_bill;  airway_bill為連結位址。

5.如果内容列印不全,在列印操作時點選更多設定,然後設定縮放。

插件位址:https://github.com/xyl66/vueplugs_printjs

1.在src下建立檔案夾plugs,将下載下傳好的print.js放入plugs檔案夾下,然後操作如下

2.注意事項 需使用ref擷取dom節點,若直接通過id或class擷取則webpack打包部署後列印内容為空 

3.指定不列印區域

 方法1. 添加no-print樣式類

方法2. 自定義類名