Vuetify - 如何轻松访问 v-select item-text 值？

Question

我想知道当项目已绑定到 v-select 并且它与 item-value 值分开时，如何轻松访问 v-select 的 item-text 值？我希望将 item-value 值保存到我的 v-model 中，然后还通过 on Change 事件传递 item-text 值，如下所示：

<v-select v-model="id" :items="items" item-value="id" item-text="name" v-on:change="getItemText(name)" />

如果我添加对 v-select 的引用，然后通过以下方式访问它，我可以获得该值：

this.$refs.vselect.selectedItems[0].name;

但是当数据位于 v-select 本身中时，这似乎有点啰嗦。如果有人知道更简单的方法，我很乐意听到它！

谢谢！

Answer 1

感谢@Bennett Dams，让它可以使用插槽工作。

<v-select v-model="id" :items="items" item-value="id" item-text="name">
<template slot="item" slot-scope="data" >
  <v-list-tile-content>
    <v-list-tile-title @click="getItemText(data.item.name)" v-html="data.item.name"></v-list-tile-title>
  </v-list-tile-content>
</template>