Multi Select

In this method, selecting only one option from a lots of options while only using up as much space as a single option excepted. For more details

A Basic
HTML Code

<Multiselect class="form-control" v-model="value" :options="options"/>
Script

import Multiselect from '@vueform/multiselect'
import '@vueform/multiselect/themes/default.css'
import Prism from 'prismjs'
export default {
  components: {
    Multiselect
  },
  data () {
    return {
      value: 1,
      options: [1, 2, 3, 4, 5],
    }
  }
}
Multiple Choice
HTML Code

<Multiselect class="img-fluid rounded" v-model="multivalue" mode="tags" :close-on-select="false" :options="multioptions"/>
Script

import Multiselect from '@vueform/multiselect'
import '@vueform/multiselect/themes/default.css'
import Prism from 'prismjs'
export default {
  components: {
    Multiselect
  },
  data () {
    return {
      multivalue: ['choise1'],
      multioptions: ['choise1', 'choise2', 'choise3', 'choise4', 'choise5']
    }
  }
}
Previous Next