vue2读取本地的csv文件并将其显示在控制台上

可以使用如下代码读取本地的 CSV 文件并将其显示在控制台上：

<template>
  <div>
    <h2>CSV 文件内容</h2>
    <pre>{{ csvData }}</pre>
  </div>
</template>

<script>
export default {
  data() {
    return {
      csvData: ''
    }
  },
  methods: {
    handleFileUpload(event) {
      const file = event.target.files[0];
      const reader = new FileReader();
      reader.onload = () => {
        this.csvData = reader.result;
      };
      reader.readAsText(file);
    }
  },
  mounted() {
    const fileInput = document.getElementById('csv-file-input');
    fileInput.addEventListener('change', this.handleFileUpload);
  }
};
</script>

<style>
pre {
  font-family: monospace;
  white-space: pre-wrap;
}
</style>

在 template 中，使用 `<input type="file">` 元素来让用户选择 CSV 文件。在 mounted() 钩子函数中，监听 input 元素的 change 事件，并调用 handleFileUpload() 方法处理文件上传。在 handleFileUpload() 方法中，使用 FileReader 对象读取文件内容，并将其存储在 data 属性 csvData 中。最后，在 template 中使用 `<pre>` 元素将 csvData 显示在控制台上。

需要注意的是，由于涉及到文件操作，上述代码只能在浏览器环境下运行，无法在 Node.js 环境下运行。