天天看點

Vue3使用docx模闆,導出為word檔案的一系列坑。https://docxtemplater.readthedocs.io/(jquery搞這些就很舒服)

那時候 很簡單

引入兩個js插件,

FileSaver.js、jquery.wordexport.js

确定一個div

點選觸發下載下傳了

代碼比較簡單

本文就不說了,筆者的部落格中也有

一句話,使用docxtemplater

官網位址:

需要四五個插件?、

這個,好像比較接近答案

這裡涉及到VUE3裡,好像更全面點

這裡的注釋多一點

vue3的setup裡是無法使用this的,那就用 getCurrentInstance代替this

關于getcurrentInstance的詳細解釋

最終的結論竟然是:

大家不要依賴 getCurrentInstance 方法去擷取元件執行個體來完成一些主要功能,否則在項目打包後,一定會報錯的。

1.字元串中加上​<code>​\n​</code>​,​<code>​\r\n​</code>​都不能換行。這是docxtemplater的問題

2.如何渲染表格

繼續閱讀