Vuetify表中的搜索函数，跳转到找到的行

<template>
  <v-data-table
    :headers="headers"
    :items="items"
    :search="search"
    :loading="loading"
  >
    <template v-slot:item.actions="{ item }">
      <v-icon small class="mr-2" @click="editItem(item)">mdi-pencil</v-icon>
      <v-icon small @click="deleteItem(item)">mdi-delete</v-icon>
    </template>
  </v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: 'Name', value: 'name' },
        { text: 'Email', value: 'email' },
        { text: 'Actions', value: 'actions', sortable: false },
      ],
      items: [
        { name: 'John Doe', email: 'john@example.com' },
        { name: 'Jane Smith', email: 'jane@example.com' },
        // ...
      ],
      searchText: '',
      loading: false,
    };
  },
  methods: {
    search(keyword) {
      this.loading = true;
      // Perform search logic
      // Iterate through items and find matching rows
      // Highlight or scroll to the found rows
      this.loading = false;
    },
    editItem(item) {
      // Edit item logic
    },
    deleteItem(item) {
      // Delete item logic
    },
  },
};
</script>