JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vue-multiselect.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/vue-multiselect.min.css">
<div id="app">
  <multiselect
    class="form-group"
    v-model="form.colData"
    placeholder="Search connection"
    label="username_con"
    track-by="_userIdCon"
    :options="peopleData"
    :multiple="true"
  ></multiselect>
  {{ form.colData }}
</div>

JavaScript

new Vue({
  components: {
    Multiselect: VueMultiselect.Multiselect
  },
  data() {
    return {
      form: {
        colData: []
      },
      peopleData: [
	      { 
					_id: "123",
 					_userIdCon: "234",
 					username_con: "andi" 
				},
				{ 
					_id: "345",
 					_userIdCon: "456",
 					username_con: "budi" 
				}
      ]
    }
 }
}).$mount('#app')