網上有諸多例子，都不是在vue下，直接復制過來，可能會出現各類的錯誤，折騰了若干個小時，終于搞定。
以app.vue為例
<mt-button size="small" @click="ExportData()" type="primary" style="margin:0px 10px 0px 0px">導出</mt-button>
下面在方法中定義函數
<code class="language-html">methods:{ ExportData(){ //定義文件內容，類型必須為Blob 否則createObjectURL會報錯 let content = new Blob([JSON.stringify(this.todos)]) //生成url對象 let urlObject = window.URL || window.webkitURL || window let url = urlObject.createObjectURL(content) //生成<a></a>DOM元素 let el = document.createElement('a') //鏈接賦值 el.href = url el.download ="todo文件導出.txt" //必須點擊否則不會下載 el.click() //移除鏈接釋放資源 urlObject.revokeObjectURL(url) } }</code> 需要注意的幾點
1、在chrome下是不能使用new activexobject進行下載，這種方式只適用于ie
2、createObjectURL的參數必須是blob類型，不然會提示url.createObjectURL出錯
搞定了導出，還需要可以導入數據才行，下次在弄
以上這篇Vue中保存數據到磁盤文件的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
