Vue項目中實現文件下載到本地的功能

公司業務需求，我需要實現一個合同模板，自定義輸入內容后生成合同隨后導出下載合同。(自定義部分用到的是)
為了實現這個文件下載到本地的功能，真的是廢了九牛二虎之力，以至於差點放棄（主要還是自己菜）。剛開始自己用到的是Window.open()的方法，發現這個方法只能將你的合同在新頁面打開，並不能實現下載功能；然后就換了html5 Bolb方法，弄了些許時間后發現還是不能達到自己的需求，最后在不斷的掙扎中找到了FileSaver.js 首先需要安裝即：npm install file-saver --save
安裝后項目中引入saveAs：import {saveAs} from 'file-saver'

保存文件代碼：var file = new File(["Hello, world!"], "hello world.txt", {type: "text/plain;charset=utf-8"}); saveAs(file);

具體實現效果如下如所示：
在富文本編輯器中輸入內容

當合同內容確定好之后點擊下載

下載完成后就可以查看合同效果了

通過以上方式就可以實現此功能了，有不清楚或者其他問題可留言！！！