v-select: custom style for every item

[JakobMiksch]

I have a dropdown menu with v-select. I would like to give every item in the list a background color depending on its properties.

I already discovered the slot named item, but it seems to replace the whole item. However, I would just like to edit the appearance of the items that will be rendered in the list.

Does anyone have an idea how to accomplish that?

Thanks in advance.

[KaelWD]

<template #item="{ props }">
  <v-list-item v-bind="props" />
</template>

then do whatever else you want to it

[JakobMiksch]

Great. I will try that! Thanks already.

[JakobMiksch]

Thanks to @KaelWD 's answer 🥇 I could solve it quickly
Here an extended snippet how to change the color of the selected item.

<v-select
  :items="myItems"
>
  <template #item="{ props }">
    <v-list-item
      v-bind="props"
      :base-color="props.value === 'my_special_value' : 'red' : 'green'"
    />
  </template>
</v-select>