vue直接获取public下边的excel文件解析后进行修改
在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文件中。具体的实现逻辑需要根据具体的需求进行编写
原文地址: https://www.cveoy.top/t/topic/hcjb 著作权归作者所有。请勿转载和采集!