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

Question

我想知道当项目绑定(bind)到 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)" />

如果我将 ref 放在 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>