今天我們來介紹一下Vue Element中的打印功能。

要在Vue Element中進行打印，我們可以借助于瀏覽器自帶的window.print()方法，也可以使用如今流行的打印插件——print-js插件。

下面我們看看如何使用window.print()方法來實現打印。

printPage() {
window.print()
}

如上，我們只需要在向導中調用printPage()函數來觸發window.print()方法即可實現打印功能。

接著，我們再來看看如何使用print-js插件實現打印功能。

import printJS from 'print-js'
printPage() {
printJS({
printable: 'targetElement',
type: 'html'
})
}

如上，首先我們需要使用import語句將print-js插件引入，在printPage()函數中，我們只需要傳入需要打印的目標元素ID和打印類型即可實現打印。

至此，我們已經介紹了Vue Element中打印功能的兩種實現方法。