专注企业网站建设,科技制作网站,网站建设 排名,网站系统升级建设合同在Vue3中#xff0c;可以通过使用Blob对象以及URL.createObjectURL()方法导出txt文档。
首先#xff0c;你需要在Vue组件中创建一个方法来生成txt文档的内容。
//res.value.code 数据源
//type#xff1a;格式设置
//form.name是下载文件的自定义名字
const downLoad ()可以通过使用Blob对象以及URL.createObjectURL()方法导出txt文档。
首先你需要在Vue组件中创建一个方法来生成txt文档的内容。
//res.value.code 数据源
//type格式设置
//form.name是下载文件的自定义名字
const downLoad (){const blob new Blob([res.value.code], { type: text/txt });const url URL.createObjectURL(blob);const link document.createElement(a);link.href url;link.download ${form.name}.txt;link.click();URL.revokeObjectURL(url);
}
上述代码中首先创建了一个Blob对象该对象用于存储待导出的文档内容。接着使用URL.createObjectURL()方法根据Blob对象创建了一个下载链接。然后通过创建一个带有下载链接的a标签并设置下载文件的名称来实现下载操作。最后通过调用URL.revokeObjectURL()方法来释放URL对象。