1.引入插件 npm install vue-print-nb --save 在main.js中引入 import Print from 'vue-print-nb' Vue.use(Print) 2.html代碼 3.js代碼 ...

在使用vue-print-nb中遇到兩個問題： 第一個問題：點擊打印后，打印的內容是一片空白 vue-print-nb的原理大概是在你的頁面上創建一個iframe，然后把你要打印的那一個div抓出來給iframe。 如上圖所示，最后把iframe ...

VUE整合VUE-PRINT-NB實現前端打印功能 插件安裝 插件安裝時最好在package.json中同時加入依賴信息，便於項目上其他人員拉取。 簡單實現 在需要打印的地方加上一個ID屬性就好了，表格什么的操作都是這樣，然后在按鈕上通過v-print="'#ID'"來調用插件打印 ...

安裝 main.js中全局引入 import Print from 'vue-print-nb' Vue.use(Print) 頁面中使用 v-print='''#printMe'"直接打印 printObj:可以設置打印頁眉 去掉頁面頁腳 ...

安裝 main.js中全局引入 頁面中使用 eg: 效果 更多參考 https://www.jianshu.com/p/5b2ffd6134cc ...

在需要打印的vue頁面里，寫入以下樣式： ...

使用vue-print-nb打印，不同分辨率（1366一下或1600以上）時，el-table有些列沒有打印出來（頁面能夠正常展示），查看官方api，通過設置打印樣式也無法全部打印： 解決方法1：手擼一個el-table樣式的表（沒有分頁）： 樣式代碼 ...

首先再項目中的main.js中的引入print.js https://wws.lanzous.com/iVVhadhkusd 單頁面局部打印 ...