如何在 vuetify 数据表上添加导出 csv、excel 按钮？

【问题标题】：How to ad export csv, excel button on vuetify data table?如何在 vuetify 数据表上添加导出 csv、excel 按钮？
【发布时间】：2020-12-10 18:10:49
【问题描述】：

我是 vuetify 的新手，在将我的 v-data-table 导出为 excel、csv 格式时遇到了问题。我该怎么做。任何建议或建议。非常感谢。

【问题讨论】：

标签： vue.js export vuetify.js export-csv v-data-table

【解决方案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

【讨论】：