vuetify 데이터 테이블에서 CSV, 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