vue.js - Vuetify - 如何轻松访问 v-select 项目文本值？

Question

我想知道当项目已绑定到 v-select 并且它与项目值值分开时，如何轻松访问 v-select 的项目文本值？我希望将 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 加上一个 ref 然后通过以下方式访问它，我可以获得该值：

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>