網(wǎng)上有諸多例子，都不是在vue下，直接復(fù)制過來，可能會出現(xiàn)各類的錯誤，折騰了若干個小時，終于搞定。

井陘礦網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),井陘礦網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為井陘礦上1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的井陘礦做網(wǎng)站的公司定做！

以app.vue為例

導(dǎo)出

下面在方法中定義函數(shù)

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)  
  //生成DOM元素 
  let el = document.createElement('a') 
  //鏈接賦值 
  el.href = url 
  el.download ="todo文件導(dǎo)出.txt" 
  //必須點擊否則不會下載 
  el.click()  
  //移除鏈接釋放資源  
  urlObject.revokeObjectURL(url) 
  } 
} 

需要注意的幾點

1、在chrome下是不能使用new activexobject進(jìn)行下載，這種方式只適用于ie

2、createObjectURL的參數(shù)必須是blob類型，不然會提示url.createObjectURL出錯

搞定了導(dǎo)出，還需要可以導(dǎo)入數(shù)據(jù)才行，下次在弄

以上這篇Vue中保存數(shù)據(jù)到磁盤文件的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。