Vue使用file-saver插件导出txt文件

353 阅读1分钟
  1. 安装: npm i file-saver

  2. 在页面使用  

   import { saveAs } from 'file-saver'
  1. 导出的数据
    const data = ''
    const blob = new Blob([data], {type: "text/plain;charset=utf-8"})
    saveAs(blob, '文件配置.txt')
  1. 导出数据若需换行, 需加上\r\n 后即可解决问题

还有一种方法是使用download.js,具体详情需要查看download.js官网 danml.com/download.ht… ,有很详细的解释。示例代码如下

    const download = require('../assets/download.js')
    // 或者使用 import download from "@/utils/download.js"
    download("hello world", "dlText.txt", "text/plain");