在Vue中获取public下的Excel文件,可以使用axios库进行文件的读取和解析。首先,在Vue组件中引入axios库:

import axios from 'axios';

然后,在组件的methods中定义一个函数,用于读取Excel文件并将其解析成JSON格式:

readExcelFile() {
  axios({
    url: '/data.xlsx',
    method: 'get',
    responseType: 'blob'
  }).then(response => {
    const fileReader = new FileReader();
    fileReader.onload = (e) => {
      const data = e.target.result;
      const workbook = XLSX.read(data, {type: 'binary'});
      const worksheet = workbook.Sheets[workbook.SheetNames[0]];
      const jsonData = XLSX.utils.sheet_to_json(worksheet, {header: 1});
      // Do something with the JSON data
    };
    fileReader.readAsBinaryString(response.data);
  }).catch(error => {
    console.log(error);
  });
}

在上面的代码中,我们使用axios发送一个GET请求,获取public目录下的data.xlsx文件。设置responseType为blob,表示响应内容为二进制数据。获取到响应后,我们使用FileReader对象将其读取成为二进制字符串,并使用XLSX库将其解析成为JSON格式的数据。

如果要对解析出来的JSON数据进行修改,可以在上面的代码中添加相应的处理逻辑。例如,可以将JSON数据存储到Vue组件的data属性中,然后在模板中渲染出来。修改数据后,再将其同步到Excel文件中。具体的实现逻辑需要根据具体的需求进行编写

vue直接获取public下边的excel文件解析后进行修改

原文地址: https://www.cveoy.top/t/topic/hcjb 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录