VueはExcelデータをエクスポートするパブリック関数メソッドをカプセル化します

定数ダウンロード = {
    アクション: {
        downloadData({ コミット, 状態 }, データ) {
            新しい Promise を返します ((resolve, reject) => {
                data.event(data.formData).then(res => {
                    const blob = 新しいBlob([res.data], {
                        タイプ: 'application/vnd.ms-excel'
                    })
                    const objectUrl = URL.createObjectURL(blob)
                    const link = document.createElement('a') // タグを作成する link.href = objectUrl
                    // ファイルの名前を変更する link.download = res.headers['content-disposition'].split(
                        '='
                    )[1]
                    リンク.クリック()
                    URL.revokeObjectURL(オブジェクトURL)
                    解決する
                }).catch((エラー) => {
                    拒否(エラー)
                })
            })
        }

    }

}

エクスポート デフォルト ダウンロード

メソッド: {
       //データのエクスポートメソッド handleExport(formData) {
            this.loading = true
            定数データ = {
            // '@/api/loan/userLoanList' から { loanDownloadData } をインポートします
            // イベント: loanDownloadData、loanDownloadData はデータをエクスポートするためのインターフェースのキーワードです //formData は loanDownloadData インターフェース イベントに必要なパラメーターです: '', 
                フォームデータ: フォームデータ
            }
            this.$store.dispatch('downloadData', data).then(res => {
                this.loading = false
            }).catch(() => {
                this.loading = false
            })
        },

}