Vue kapselt die öffentliche Funktionsmethode zum Exportieren von Excel-Daten

const herunterladen = {
    Aktionen: {
        downloadData({ commit, status }, daten) {
            returniere neues Promise((lösen, ablehnen) => {
                Daten.Ereignis(Daten.FormDaten).dann(res => {
                    const blob = neuer Blob([res.data], {
                        Typ: „application/vnd.ms-excel“
                    })
                    const objectUrl = URL.createObjectURL(blob)
                    const link = document.createElement('a') // Erstelle ein Tag link.href = objectUrl
                    // Benennen Sie die Datei um link.download = res.headers['content-disposition'].split(
                        '='
                    )[1]
                    link.klick()
                    URL.ObjektURL widerrufen(Objekt-URL)
                    Entschlossenheit (res)
                }).catch((err) => {
                    ablehnen (Fehler)
                })
            })
        }

    }

}

Exportieren Standard-Download

Methoden: {
       //Methode zum Exportieren von Daten handleExport(formData) {
            dies.laden = wahr
            const Daten = {
            // importiere { loanDownloadData } von '@/api/loan/userLoanList'
            // Ereignis: loanDownloadData, loanDownloadData ist das Schlüsselwort der Schnittstelle zum Exportieren von Daten // formData ist der vom Ereignis der Schnittstelle loanDownloadData benötigte Parameter: '', 
                formData: formData
            }
            dies.$store.dispatch('downloadData', data).then(res => {
                dies.laden = falsch
            }).catch(() => {
                dies.laden = falsch
            })
        },

}