在v-data-table Vuetify中添加超链接

<template>
  <v-data-table
    :headers="headers"
    :items="items"
    :items-per-page="5"
    class="elevation-1"
  >
    <template v-slot:item.link="{ item }">
      <a :href="item.link" target="_blank">{{ item.link }}</a>
    </template>
  </v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: 'Name', value: 'name' },
        { text: 'Link', value: 'link' },
      ],
      items: [
        { name: 'Item 1', link: 'https://example.com' },
        { name: 'Item 2', link: 'https://example.com' },
        { name: 'Item 3', link: 'https://example.com' },
      ],
    };
  },
};
</script>