vue中导出文本，非插件的方法

导出文本，一般分为两种

1.插件的方法
2.非插件的方法

使用非插件的方法

  //导出文本
    exportText() {
      const blob = new Blob([ this.$refs.txt.value])
      let date=new Date();
      const fileName = '识别文本'+this.$options.filters['dateformat'](date)+'.txt'
      const link = document.createElement('a') // 创建a标签
      link.download = fileName // a标签添加属性
      link.style.display = 'none'
      link.href = URL.createObjectURL(blob)
      document.body.appendChild(link)
      link.click() // 执行下载
      URL.revokeObjectURL(link.href) // 释放url
      document.body.removeChild(link) // 释放标签
    },

this.$refs.txt.value，只能获取文本内容。如果，是带有html标签，那就没得搞了。

插件得方法。

首先安装 FileSaver包,npm install file-saver --save
在main.js中引入 import {saveAs} from 'file-saver';
将字符串转为Blob对象

let str = new Blob(['要导出的字符串'], {type: 'text/plain;charset=utf-8'});
saveAs(str, `导出文件时的名字.txt`);

注意这里要手动写上文件的后缀名