nuxt_纯前端导出文本

这里介绍一个纯前端导出的插件 file-saver
通过这个插件,可以导出 txt , 导出 canvaspng 图片。
GihHub地址:FileSaver.js
1,安装

npm install file-saver --save bower install file-saver yarn add file-saver

2,使用
【nuxt_纯前端导出文本】2.1 在plugins/file-save.js 创建全局方法。
import { saveAs } from "file-saver"; export default (ctx, inject) => { inject("saveAs", saveAs); };

2.2 在具体方法里调用
saveFile(){ let textContent = ""; for (let i = 0; i < 10; i++) { textContent += `你好${i + 1} \r\n`; } const blob = new Blob([textContent], { type: "application/json" }); this.$saveAs(blob, '导出.txt'); },

导出结果
nuxt_纯前端导出文本
文章图片

祝大家新年快乐~~

    推荐阅读