溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
網上有諸多例子，都不是在vue下，直接復制過來，可能會出現各類的錯誤，折騰了若干個小時，終于搞定。
以app.vue為例
<mt-button size="small" @click="ExportData()" type="primary" >導出</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中保存數據到磁盤文件的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
