如何将布尔列添加到Vuetify表？

import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';

Vue.use(Vuetify);

data() {
  return {
    items: [
      { name: 'Item 1', active: true },
      { name: 'Item 2', active: false },
      { name: 'Item 3', active: true },
    ],
    showActiveColumn: true,
  };
},

<template>
  <v-data-table :items="items" :headers="headers">
    <template v-slot:item.active="{ item }">
      <v-icon v-if="item.active">mdi-check</v-icon>
      <v-icon v-else>mdi-close</v-icon>
    </template>
    <template v-if="showActiveColumn" v-slot:headers.active>
      <th>Active</th>
    </template>
  </v-data-table>
</template>

computed: {
  headers() {
    return [
      { text: 'Name', value: 'name' },
      { text: 'Active', value: 'active' },
    ];
  },
},

<template>
  <div>
    <v-btn @click="toggleActiveColumn">
      Toggle Active Column
    </v-btn>
    <!-- 其他组件内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    toggleActiveColumn() {
      this.showActiveColumn = !this.showActiveColumn;
    },
  },
};
</script>