Setup

Installation

Via NPM

$ npm install vue-accessible-multiselect --save

Via Yarn

$ yarn add vue-accessible-multiselect

Initialization

As a plugin

It must be called before new Vue().

import Vue from 'vue'
import VueAccessibleMultiselect from 'vue-accessible-multiselect'

Vue.use(VueAccessibleMultiselect)

As a global component

import Vue from 'vue'
import { VueAccessibleMultiselect } from 'vue-accessible-multiselect'

Vue.component('VueAccessibleMultiselect', VueAccessibleMultiselect)

As a local component

import { VueAccessibleMultiselect } from 'vue-accessible-multiselect'

export default {
  name: 'YourAwesomeComponent',
  components: {
    VueAccessibleMultiselect,
  },
}

TIP

To set global options (for example transition for each multiselect component), you should do the following:

import { config } from 'vue-accessible-multiselect'

config.transition = {
  name: 'foo',
}

TIP

Options passed locally via props will always take precedence over global config options.

Default config.js:

export default {
  transition: null,
}