vue读取项目中txt文件并显示到textarea中

你可以使用Vue.js的Axios库来读取txt文件并将其显示在textarea中。以下是一个示例代码：

首先，你需要在Vue组件中引入Axios。

import axios from 'axios';

接下来，你可以在Vue组件的methods中添加一个方法，该方法使用Axios来获取txt文件的内容。

methods: {
  getTextFile() {
    axios.get('/path/to/file.txt')
      .then(response => {
        this.textareaContent = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  }
}

在上面的代码中，我们使用Axios的get方法来获取txt文件的内容，然后将其存储在Vue组件的data属性中的textareaContent变量中。

最后，你需要在Vue组件的template中添加一个textarea元素，并将其绑定到textareaContent变量。

<template>
  <div>
    <textarea v-model="textareaContent"></textarea>
    <button @click="getTextFile">获取txt文件</button>
  </div>
</template>

在上面的代码中，我们使用v-model指令将textarea元素与textareaContent变量进行双向绑定。当用户单击“获取txt文件”按钮时，将调用getTextFile方法来获取txt文件的内容并将其显示在textarea中。

请注意，上面的代码仅供参考，你需要根据实际情况对其进行修改。