是否将图标附加到vuetify data table中的表列？

<template>
  <v-data-table
    :headers="headers"
    :items="items"
    :sort-by="sortBy"
    :sort-desc="sortDesc"
    @update:sort-by="updateSortBy"
    @update:sort-desc="updateSortDesc"
  >
    <template v-slot:header="{ header }">
      <v-icon small>arrow_upward</v-icon>
      {{ header.text }}
    </template>
  </v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: 'Name', value: 'name' },
        { text: 'Age', value: 'age' },
        { text: 'Email', value: 'email' },
      ],
      items: [
        { name: 'John Doe', age: 30, email: 'john@example.com' },
        { name: 'Jane Smith', age: 25, email: 'jane@example.com' },
        { name: 'Bob Johnson', age: 35, email: 'bob@example.com' },
      ],
      sortBy: 'name',
      sortDesc: false,
    };
  },
  methods: {
    updateSortBy(value) {
      this.sortBy = value;
    },
    updateSortDesc(value) {
      this.sortDesc = value;
    },
  },
};
</script>