vue3导出txt文档

在Vue3中，可以通过使用Blob对象以及URL.createObjectURL()方法导出txt文档。

首先，你需要在Vue组件中创建一个方法来生成txt文档的内容。你可以使用普通的Javascript字符串操作来创建文档内容，比如将文本字符串拼接成一段段文字。例如：

export default {
  methods: {
    generateTxtFile() {
      let content = "这是一个导出的txt文档示例。";  // 文档内容

      // 创建Blob对象
      const blob = new Blob([content], { type: "text/plain" });

      // 创建下载链接
      const url = URL.createObjectURL(blob);

      // 创建一个a标签并设置下载链接
      const link = document.createElement("a");
      link.href = url;
      link.download = "导出文档.txt";  // 设置下载文件的名称

      // 执行下载操作
      link.click();

      // 释放URL对象
      URL.revokeObjectURL(url);
    }
  }
}

上述代码中，首先创建了一个Blob对象，该对象用于存储待导出的文档内容。接着，使用URL.createObjectURL()方法根据Blob对象创建了一个下载链接。然后，通过创建一个带有下载链接的a标签，并设置下载文件的名称，来实现下载操作。最后，通过调用URL.revokeObjectURL()方法来释放URL对象。

在Vue模板中，你可以使用一个按钮或其他事件来调用generateTxtFile方法，从而触发导出txt文档的操作。例如：

<template>
  <div>
    <button @click="generateTxtFile">导出txt文档</button>
  </div>
</template>

当你点击该按钮时，将会触发generateTxtFile方法，从而导出名为"导出文档.txt"的txt文档，其中文档内容为"这是一个导出的txt文档示例。"。