記得我們之前講過(guò)，如何把一個(gè)表格使用插件導(dǎo)出為excel文件，今天這個(gè)方法和之前的方法相同，都是使用插件來(lái)快速實(shí)現(xiàn)簡(jiǎn)單打印功能。
我們?nèi)绻麤](méi)有太過(guò)細(xì)致的打印要求，可以使用vue-print，使用方法如下圖所示。
首先，使用以下代碼導(dǎo)入依賴(lài)：
npm install vue-print-nb --save
然后我們?cè)趍ain.js中引入vue-print
import Print from 'vue-print-nb' Vue.use(Print)
然后在我們的頁(yè)面就能正常使用了，使用方法也特別簡(jiǎn)單。
就像使用v-for一樣，直接在標(biāo)簽里加v-print=#id名。這個(gè)id名就是你要打印的區(qū)域。
v-print會(huì)盡量的保證所有的內(nèi)容展示在里邊，當(dāng)然，如果你強(qiáng)制設(shè)定了表格或者圖片的寬度，那么還是超出，打印不了超出的內(nèi)容。
print選擇了區(qū)域并喚起了winonds.print（）方法。
當(dāng)然，print還支持更多的設(shè)置，本文不過(guò)多贅述，使用的部分api由下圖所示。
開(kāi)啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開(kāi)發(fā)者模式后不顯示這句話(huà)） "濟(jì)南建站手術(shù)移動(dòng)護(hù)理系統(tǒng)詳細(xì)流程(千佛山醫(yī)院版）")
開(kāi)啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開(kāi)發(fā)者模式后不顯示這句話(huà)） "濟(jì)南建站手術(shù)移動(dòng)護(hù)理系統(tǒng)")
開(kāi)啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開(kāi)發(fā)者模式后不顯示這句話(huà)） "濟(jì)南建站紅寶書(shū)智慧黨建平臺(tái)")
