欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue中xlsx插件

黃文隆2年前10瀏覽0評論

在Vue的開發(fā)中,難免會遇到需要導(dǎo)入或?qū)С鯡xcel文件的需求。為了滿足這個需要,我們可以使用xlsx-js庫。該插件提供了一些導(dǎo)入和導(dǎo)出Excel文件的方法,同時也可以對導(dǎo)入的數(shù)據(jù)進(jìn)行操作和解析。

在使用該插件之前,我們需要用npm安裝它。可以使用以下命令進(jìn)行安裝:

npm install xlsx --save

之后,我們需要將插件引入到需要使用的組件里面:

import XLSX from 'xlsx';

現(xiàn)在,我們可以使用一些方法來操作Excel文件了。首先,可以使用XLSX.read方法從文件中讀取數(shù)據(jù)。該方法接受三個參數(shù)。第一個參數(shù)是File對象,第二個參數(shù)是讀取的配置,第三個參數(shù)是將數(shù)據(jù)轉(zhuǎn)換為JSON的配置。當(dāng)該方法成功執(zhí)行后,返回的是一個JSON對象,它可以遍歷并作為數(shù)據(jù)渲染到網(wǎng)頁中。以下是一個用法示例:

let file = e.target.files[0];
let reader = new FileReader();
reader.readAsBinaryString(file);
reader.onloadend = () =>{
let data = reader.result;
let workbook = XLSX.read(data, {
type: 'binary'
});
let worksheet = workbook.Sheets[workbook.SheetNames[0]];
let json = XLSX.utils.sheet_to_json(worksheet, {header:1});
}

另外,如果需要將數(shù)據(jù)導(dǎo)出到Excel文件中,則可以使用XLSX.write方法。該方法需要傳遞三個參數(shù)。第一個參數(shù)是一個JSON對象,第二個參數(shù)是導(dǎo)出文件的配置,第三個參數(shù)是Worksheet名稱。該方法執(zhí)行結(jié)束后,會返回一個Blob對象。以下是一個用法示例:

let worksheet = XLSX.utils.json_to_sheet(jsonData);
let workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
let wbout = XLSX.write(workbook, {
bookType: 'xlsx',
type: 'binary'
});
let saveAs = require('file-saver').saveAs;
saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), fileName + ".xlsx");

除了讀取和導(dǎo)出文件外,XLSX插件還提供了一些其他功能,比如說從url或元素中讀取Excel文件,從csv中讀取和寫入Excel文件等等,針對不同的需求,可以選擇不同的方法來使用。

在使用XLSX插件的過程中,需要注意的是,它并不支持IE瀏覽器,所以如果需要兼容IE瀏覽器,可能需要考慮其他的方案。