演示如何制作显示v-data-table的按钮

<template>
  <div>
    <v-btn @click="showTable = !showTable">显示/隐藏表格</v-btn>
    <v-data-table v-if="showTable" :headers="headers" :items="items"></v-data-table>
  </div>
</template>

data() {
  return {
    showTable: false,
    headers: [
      // 表格的列头定义
      { text: '姓名', value: 'name' },
      { text: '年龄', value: 'age' },
      { text: '性别', value: 'gender' },
    ],
    items: [
      // 表格的数据项定义
      { name: '张三', age: 25, gender: '男' },
      { name: '李四', age: 30, gender: '女' },
      { name: '王五', age: 28, gender: '男' },
    ],
  };
},

methods: {
  toggleTable() {
    this.showTable = !this.showTable;
  },
},