JSFiddle - React, Tailwind, and code Playground

by talkhabi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-select/3.1.0/vue-select.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-select@latest/dist/vue-select.css">
<div id="app">
  <div>
    <v-select :options="options" v-model="selcted"></v-select>
    <button @click="selected++">+</button>
    <button @click="selected--">-</button>
  </div>
</div>

JavaScript

Vue.component('v-select', VueSelect.VueSelect);
new Vue({
	data: {
  	selected: 1,
    oprions: [
    	{id: 1, title: 'option-1'},
      {id: 2, title: 'option-2'},
      {id: 3, title: 'option-3'},
      {id: 4, title: 'option-4'},
      {id: 5, title: 'option-5'}
    ]
  }
})