vue2 读取txt

Vue2本身是一个前端框架，主要用于构建用户界面，但它并不直接提供处理文件操作的功能，包括读取TXT文件。但在实际项目中，你可以通过JavaScript的File API配合Vue来实现这个功能。以下是一个简单的步骤：

1. 首先，在HTML部分添加一个input元素，允许用户选择文件：

<input type="file" @change="handleFileChange">

2. 在Vue组件里定义`handleFileChange`方法，当文件改变时调用：

methods: {
  handleFileChange(e) {
    const file = e.target.files;
    if (file.type === 'text/plain') { // 检查是否是文本文件
      this.readFile(file);
    } else {
      alert('请选择一个文本文件');
    }
  },
  readFile(file) {
    const reader = new FileReader();
    reader.onload = function (e) {
      this.fileContent = e.target.result; // 读取的内容
    }.bind(this);
    reader.readAsText(file);
  },
}

当你在浏览器中选择了一个TXT文件，`handleFileChange`会被触发，然后`readFile`会读取文件内容，并将其保存在`this.fileContent`变量中。

注意，上述示例假设你已经创建了一个Vue实例，并且这个方法关联到了该实例上。如果在自定义组件内，记得要在适当的地方声明这些属性和方法。