Quasar导出表到json

<template>
  <div>
    <q-table
      :rows="tableData"
      :columns="tableColumns"
    ></q-table>
    <q-btn @click="exportToJson" label="导出JSON"></q-btn>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 25 },
        { name: 'Jane', age: 30 },
        { name: 'Bob', age: 35 }
      ],
      tableColumns: [
        { name: 'name', required: true, label: 'Name', align: 'left', field: 'name', sortable: true },
        { name: 'age', required: true, label: 'Age', align: 'left', field: 'age', sortable: true }
      ]
    }
  },
  methods: {
    exportToJson() {
      const jsonData = JSON.stringify(this.tableData);
      const blob = new Blob([jsonData], { type: 'application/json' });
      const url = URL.createObjectURL(blob);
      const link = document.createElement('a');
      link.href = url;
      link.setAttribute('download', 'tableData.json');
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    }
  }
}
</script>