Vuetify - как легко получить доступ к значению v-select item-text?

Question

Мне было интересно, как я мог легко получить доступ к значению элемента текста v-выбора, когда элементы были привязаны к нему, и оно отдельно от значения значения элемента?Я хочу сохранить значение item-value в моей v-модели, но затем также передать значение item-text через событие on change следующим образом:

<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>