Ich bin heute während der Entwicklung auf etwas gestoßen, nämlich wie man Excel-Dateien mit vorhandenen Daten exportiert. Es gibt viele Methoden im Internet, und einige sprechen über die Verwendung des Datenflusses, https://www.cnblogs.com/yeqrblog/. p /9758981.html, aber jetzt ist meine Idee, einfach Array-Daten ohne Datenfluss zu verwenden, und es stellt sich heraus, dass es möglich ist:
1 2 3 | npm install -S file-saver xlsx
npm install -D script-loader
|
Nach dem Login kopieren
2. In main.js Import Bolb .js und Export2Excel.js
Zwei js-Dateiadressen:
Link: https://pan.baidu.com/s/1ib2Ox18FngVlhKxs6l8OZQ
Extraktionscode: sirm
1 2 | import Blob from & #39;./excel/Blob'
import Export2Excel from & #39;./excel/Export2Excel.js'
|
Nach dem Login kopieren
3
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | exportExcel() {
require.ensure([], () => {
const { export_json_to_excel } = require(& #39;../excel/Export2Excel');
const tHeader = [& #39;序号', '昵称', '姓名'];
const filterVal = [& #39;index', 'nickName', 'name'];
const list = this .tableData;
const data = this .formatJson(filterVal, list);
export_json_to_excel(tHeader, data, & #39;列表excel');
})
},
formatJson(filterVal, jsonData) {
return jsonData.map(v => filterVal.map(j => v[j]))
|
Nach dem Login kopieren
t in der Komponente ist der Tabellenkopf, die Daten in filterVal sind das Feld der Tabelle, tableData speichert die Daten in der Tabelle, der Typ ist ein Array und Objekte werden darin gespeichert Objekt. Das ist es. 🔜 Besuchen Sie:
Programmierunterricht
! !
Das obige ist der detaillierte Inhalt vonWie exportiere ich eine Excel-Datei in Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!