关于nuxt.js:nuxt纯前端导出文本

50次阅读

共计 457 个字符,预计需要花费 2 分钟才能阅读完成。

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

1,装置

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

2,应用

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');
  },

导出后果


祝大家新年快乐 ~~

正文完
 0