Panduan untuk mengimport data daripada fail Excel dalam aplikasi Nuxt Vue.js

Question

Saya mempunyai fungsi ini dalam halaman HTML yang ringkas dan ia berfungsi dengan baik

head () {
        return {
          script: [
            {
              hid: 'alasql',
              src: 'https://cdn.jsdelivr.net/alasql/0.3/alasql.min.js',
              defer: true,
              //callback: () => { this.isStripeLoaded = true } 
            },  
            {
              hid: 'ajax',
              src: 'https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.core.min.js',
              defer: true,
            
              
            }
          ]
        }
    },
  mounted(){

     function setPrice(nomer){
                    var printResult = function(result){ 
                            console.log(result[0].te)
                            // var sum= result[0].te
      
                        };
                        
        alasql ("SELECT te  FROM XLSX('/MDF_PANELS.XLS') WHERE f = "+nomer+"",[],
            function (data) {printResult(data);})                       
      }
}

Tetapi apabila saya beralih ke aplikasi nuxt saya mendapat ralat:

Invalid HTML: could not find <table>
    at e (xlsx.core.min.js:16)

Fail xls saya disimpan dalam folder "statik".

Saya akan gembira untuk sebarang bantuan.

Answer 1

Mula-mula anda perlu mengimport alasql dengan betul

import * as alasql from 'alasql';
alasql["private"].externalXlsxLib = require('xlsx');

Kedua gunakan untuk membaca dan menulis borang Excel dan fail data mentah

Ini kod saya:

sssccc

di mana "te" ialah nama lajur yang dikehendaki dan "f" ialah nama baris yang dikehendaki