JSFiddle - React, Tailwind, and code Playground

by jessekinsman

HTML

<div id="testSelect">
<select v-model="selected">
  <option disabled value="">Please select one</option>
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>
<span>Selected: {{ selected }}</span>
</div>

JavaScript

Vue.component('my-select', {
	props: ['option'],
	template: `
  	<select v-model="selected">
  		<option disabled value="">Please select one</option>
  		<option>{{ option }}</option>
  		<option>B</option>
  		<option>C</option>
		</select>
    `,
})

new Vue({
  el: '#testSelect',
  data: {
    selected: ''
  }
});