when using vue-select component as my dropdowns and giving it :options as the data to put in the dropdown. when using it for a credit card dropdown right now and want to add the card type image in in each dropdown row. Is this possible?

Solution :

You could use the scoped option slot that vue-select provides for creating custom dropdown templates.

Assuming that the options data looked like this:

options: [
{
title: “Visa”,
cardImage: “https://codeclimate.com/github/sagalbot/linktoimage.png"
},
{
title: “Mastercard”,
cardImage: “https://codeclimate.com/github/sagalbot/linktoimage.png"
}
];

Then you could use it as such:

<v-select :options=”options” label=”title”>
<template slot=”option” slot-scope=”option”>
<img :src=”option.cardImage” />
{ option.title }
</template>
</v-select>