记录一种前端导出csv或excel

//导出

downloadOut:function(e){

var wb = XLSX.utils.table_to_book(document.getElementById('tableId'));

var wbout = XLSX.write(wb, {

bookType: 'csv',

type: 'binary'

});

FileSaver.saveAs(new Blob([this.s2ab(wbout)], {

type: 'text / plain;charset = utf - 8'

// "text / plain;charset = utf - 8"

}), '告警总量统计.csv');

},

s2ab:function(s){

var cuf;

var i;

if(typeof ArrayBuffer !== 'undefined'){

cuf = new ArrayBuffer(s.length);

var view = new Uint8ClampedArray(cuf);

for (i = 0; i !== s.length; i++) {

view[i] = s.charCodeAt(i) & 0xFF;

}

return cuf;

}else{

cuf = new Array(s.length);

for (i = 0; i !== s.length; ++i) {

cuf[i] = s.charCodeAt(i) & oxFF;

}

return cuf;

}

}

 

用vue做的 引入的包

import FileSaver from 'file-saver';

import XLSX from 'xlsx';

export default {

components: {

FileSaver,

XLSX

},