記得我們之前講過,如何把一個表格使用插件導出為excel文件,今天這個方法和之前的方法相同,都是使用插件來快速實現簡單打印功能。
我們如果沒有太過細致的打印要求,可以使用vue-print,使用方法如下圖所示。
首先,使用以下代碼導入依賴:
npm install vue-print-nb --save
然后我們在main.js中引入vue-print
import Print from 'vue-print-nb' Vue.use(Print)

然后在我們的頁面就能正常使用了,使用方法也特別簡單。
就像使用v-for一樣,直接在標簽里加v-print=#id名。這個id名就是你要打印的區域。

v-print會盡量的保證所有的內容展示在里邊,當然,如果你強制設定了表格或者圖片的寬度,那么還是超出,打印不了超出的內容。

print選擇了區域并喚起了winonds.print()方法。

當然,print還支持更多的設置,本文不過多贅述,使用的部分api由下圖所示。

下一篇: 使用JS實現虛擬form提交



