vue實現打印功能的方法:1.打開終端輸入“cnpm i vue-print-nb -S”命令安裝依賴;2、在mian.js中引入vue-print-nb;3、在頁面中設置一個button按鈕實現打印功能即可。
具體操作步驟:
1、首先需要打開終端命令行模式,輸入以下命令安裝依賴。
cnpm i vue-print-nb -S
2、然后在vue項目mian.js中引入vue-print-nb。
import Print from 'vue-print-nb'Vue.use(Print)
3、最后在vue頁面中設置一個button按鈕實現打印功能即可。
<div id="printTest" ><p>test1</p>
<p>test1</p>
</div>
<button v-print="'#printTest'">打印</button>
缺點:只能打印可見區域,不能分頁打印