操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

Vue中保存數(shù)據(jù)到磁盤文件的方法

更新時(shí)間：2018年09月06日 14:23:40 作者：

今天小編就為大家分享一篇Vue中保存數(shù)據(jù)到磁盤文件的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

網(wǎng)上有諸多例子，都不是在vue下，直接復(fù)制過(guò)來(lái)js 將文件保存到本地js 將文件保存到本地，可能會(huì)出現(xiàn)各類的錯(cuò)誤，折騰了若干個(gè)小時(shí)，終于搞定。

以app.vue為例

導(dǎo)出

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

methods:{ 
  ExportData(){ 

  //定義文件內(nèi)容，類型必須為Blob 否則createObjectURL會(huì)報(bào)錯(cuò) 
  let content = new Blob([JSON.stringify(this.todos)]) 
 
  //生成url對(duì)象 
  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" 
  //必須點(diǎn)擊否則不會(huì)下載 
  el.click()  
  //移除鏈接釋放資源  
  urlObject.revokeObjectURL(url) 

  } 
} 

需要注意的幾點(diǎn)

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

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

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

以上這篇Vue中保存數(shù)據(jù)到磁盤文件的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。