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