前端vue2下载txt文件，怎么把需要下载的数组元素内容按逗号换行

在Vue 2中，如果你想将一个数组的内容作为文本下载为.txt文件，并以逗号分隔每行，你可以使用`FileSaver.js`库配合`Array.prototype.join()`方法实现。首先，你需要安装`file-saver`和`axios`（如果尚未安装），可以使用以下命令：

npm install file-saver axios

然后，在你的Vue组件中，假设有一个数组`data`，你可以这样做：

<!-- 引入必要的JavaScript脚本 -->
<script src="path/to/file-saver.min.js"></script>
<script src="path/to/axios.min.js"></script>

<script>
export default {
  data() {
    return {
      data: ["item1", "item2", "item3"],
    };
  },
  methods: {
    downloadTextFile() {
      // 将数组元素转换为字符串，逗号分隔并换行
      const csvContent = this.data.map(item => item).join("\n").replace(/,/g, ',\r\n');

      // 创建Blob对象
      const blob = new Blob([csvContent], { type: "text/plain;charset=utf-8" });

      // 创建URL
      const url = window.URL.createObjectURL(blob);

      // 下载链接
      const link = document.createElement("a");
      link.href = url;
      link.download = "filename.txt"; // 自定义文件名

      // 触发点击事件模拟下载
      link.click();
      // 清理URL引用
      setTimeout(() => {
        window.URL.revokeObjectURL(url);
      }, 0);
    },
  },
};
</script>

在这个例子中，当你调用`downloadTextFile`方法时，会创建一个包含数组内容的CSV文本，然后触发浏览器的下载。