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

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

1，装置

npm install file-saver --savebower install file-saveryarn 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');  },

导出后果

祝大家新年快乐~~