如何使用PrimeVue的DataTable组件为每个表项添加链接？

<template>
  <div>
    <DataTable :value="data">
      <Column field="name" header="Name"></Column>
      <Column field="email" header="Email"></Column>
      <Column header="Link">
        <template #body="rowData">
          <a :href="getLink(rowData)">View Details</a>
        </template>
      </Column>
    </DataTable>
  </div>
</template>

<script>
import { DataTable, Column } from 'primevue/datatable';

export default {
  components: {
    DataTable,
    Column
  },
  data() {
    return {
      data: [
        { name: 'John Doe', email: 'john@example.com' },
        { name: 'Jane Smith', email: 'jane@example.com' },
        { name: 'Bob Johnson', email: 'bob@example.com' }
      ]
    };
  },
  methods: {
    getLink(rowData) {
      // 根据rowData生成链接地址
      return `https://example.com/details/${rowData.name}`;
    }
  }
};
</script>