vue v-select code example

Example 1: how to select specific option in vue

<select>
       <option v-for="(item , index) in categories" v-bind:key="index" :selected= "item.id == 30" >
            {{item.title}}
       </option>
</select>

Example 2: vuejs -> select

<select v-model="selected">
  <!-- inline object literal -->
  <option v-bind:value="{ number: 123 }">123</option>
</select>

Example 3: v-select key

<script>let options = [{code: 'CA', country: 'Canada'}];</script>

<v-select :options="options" :reduce="country => country.code" label="country" />

Example 4: vuetify use selected value

new Vue({
  el: '#app',
  data: () => ({
    items: [
      {value: '1', bankName: 'Bank1'},
      {value: '2', bankName: 'Bank2'},
    ],
    selectedBank: null
  }),
  methods: {
    directToBank() {
      console.log("Label: ", this.selectedBank.bankName)
      console.log("Value: ", this.selectedBank.value)        
    }
  }
})

Tags:

Html Example