这里介绍一个纯前端导出的插件 file-saver
。
通过这个插件,可以导出 txt
, 导出 canvas
的 png
图片。
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');
},
导出结果
文章图片
祝大家新年快乐