Javascript Vuetify-如何自定义中选项的样式？

我正试图找到一种定制选项样式的方法。我想提供不同的背景颜色取决于选项的价值。所有提供的：项目将始终固定不变，因此我需要找到一种方法，通过其特定的文本值或通过声明唯一的类/id来检测选项。对此，最佳方法是什么？多谢各位

当前代码：

选择 黄背草 蓝色背景 灰色背景 您可以按如下方式使用插槽：

  <v-select :items="items" label="Standard">
            <template #item="{item}">
              <span :class="[{'yellow':item.includes('yellow')},
                    {'blue':item.includes('blue')},{'grey':item.includes('grey')}]"> 
                      {{item}}</span>
           </template>

  </v-select>

您可以按如下方式使用插槽：

  <v-select :items="items" label="Standard">
            <template #item="{item}">
              <span :class="[{'yellow':item.includes('yellow')},
                    {'blue':item.includes('blue')},{'grey':item.includes('grey')}]"> 
                      {{item}}</span>
           </template>

  </v-select>

---

你太棒了！你太棒了！

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({
    items:[ 'This is yellow option', // Yellow background.
      'This is blue option', // Blue background.
      'This is grey option' // Grey background.,
    ]
  }),
})