网上有诸多例子,都不是在vue下,直接复制过来,可能会出现各类的错误,折腾了若干个小时,终于搞定。
& lt; mt-button大?靶 盄click=癊xportData()类型=爸鳌痹诘汲? lt;/mt-button>
<强>下面在方法中定义函数
& lt;代码类=" language-html "祝辞方法:{
ExportData () {//定义文件内容,类型必须为Blob否则createObjectURL会报的错
让内容=new Blob ([JSON.stringify (this.todos)))//生成url对象
让urlObject=窗口。URL | |窗口。webkitURL | |窗口
让url=urlObject.createObjectURL(内容)//生成& lt; a> & lt;/a> DOM元素
让el=document.createElement (' a ')//链接赋值
埃尔。href=https://www.yisu.com/zixun/url
埃尔。下载=" todo文件导出. txt”//必须点击否则不会下载
el.click ()//移除链接释放资源
urlObject.revokeObjectURL (url)
}
}& lt;/code>之前
需要注意的几点
1,在chrome下是不能使用新activexobject进行下载,这种方式只适用于ie
2, createObjectURL的参数必须是blob类型,不然会提示url.createObjectURL出错
搞定了导出,还需要可以导入数据才行,下次在弄
以上这篇Vue中保存数据到磁盘文件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
