Vue

by devatquarxps

HTML

<script src="https://unpkg.com/vue-select@latest"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-select@latest/dist/vue-select.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
<div id="app">
  <v-select :options="options" 
   v-model="someVar">
   	<template v-slot:option="option" >
       <div
			 :class="option.label == someVar? 'bg-red': ''"
			 >
			 {{option.label}}
			 </div>
    </template>
   </v-select>
</div>

SCSS

.bg-red {
	background: red
}

Vue

Vue.component('v-select', VueSelect.VueSelect)

new Vue({
  el: "#app",
  data: {
	someVar: "baz",
	options: [
      'foo',
      'bar',
      'baz'
    ]
	}
})