Vue上のtableをエクセルに出力したい

Question

下記のテーブルをボタンを押してエクセル表として出力したいのですが、どの様に行えば良いか分かりません。有識者の方がいらっしゃいましたら、お手数ですがご指導の程よろしくお願いいたします。

<template> <div> <button type="button" id="dl-xlsx" v-on:click="function2()">エクセル表出力</button> </div> <table border=1 class="table-to-export" data-sheet-name="チーム別ポイント合計"> <tr> <th>チーム名</th> <th>カテゴリ名</th> <th v-for="tuki in month2"> {{tuki}}月 </th> </tr> <tr v-for="item in this.$store.state.siken" :key="item.team_cd"> <th> {{item.team_name}} </th> <td> <div v-for="categorys in item.detail[0].total"> {{categorys.category_name}} </div> </td> <td v-for="item2 in item.detail"> <div v-for="item3 in item2.total" class="wrap"> {{item3.sum}} </div> </td> </tr> </table> </template>

Answer 1

少し調べただけですが、次のような記事を見つけました。
HTMLのTableをExcelに出力するJavaScript

まずは、**「どうやって使ってHTMLのテーブルを、Javascriptを使って出力するのか？」**ということをお調べになられたほうがいいかと。「HTML EXCEL」、「Javascript EXCEL」などのキーワードで検索してみてはどうでしょう？