csvを広告エクスポートする方法、vuetifyデータテーブルのExcelボタン？

Question

私はvuetifyを初めて使用し、v-data-tableをExcelのcsv形式にエクスポートする際に問題に直面しました。どうすればいいですか。任意の提案またはreccomondation。どうもありがとうございます。

Answer 1

vue-json-to-csvテーブルデータをcsvファイルにエクスポートするために使用できます。

<vue-json-to-csv
     :json-data="yourList"
     :csv-title="'fileName'"
>
     <v-btn color="success" class="mr-6">
          Export <i class="mdi mdi-export-variant" aria-hidden="true"></i>
     </v-btn>
</vue-json-to-csv>

必ずyourListデータfileNameとして、また希望する出力ファイル名として渡してください。

詳細については、次のリンクを参照してください。 https://www.npmjs.com/package/vue-json-to-csv