v1.1.1

Fixed:

#78 Doesn’t include Vue in the bundle.

v1.1.0

New:

#77 Introduce support for custom option’s template.

Example from the README:

Using Vue’s partial API

multiselect(
  :options="styleList",
  :selected="selectedStyle",
  :option-height="130",
  :custom-label="styleLabel",
  @update="updateSelectedStyle",
  option-partial="customOptionPartial"
  placeholder="Fav No Man’s Sky path"
  label="title"
  key="title"
)

import customOptionPartial from './partials/customOptionPartial.html'
Vue.partial('customOptionPartial', customOptionPartial)

// ...Inside Vue component
methods: {
  styleLabel ({ title, desc }) {
    return `${title} – ${desc}`
  },
  updateSelectedStyle (style) {
    this.selectedStyle = style
  }
}

<div>
  <img class="option__image" :src="option.img" alt="No Man’s Sky" />
  <div class="option__desc">
    <span class="option__title">{{ option.title }}</span>
    <span class="option__small">
      {{ option.desc }}
    </span>
  </div>
</div>

v1.0.1

• Fix problem with exporting deepClone utils function

v1.0.0

New

• Added id prop, which is now passed along all events and can be used to identify which instance emitted the event.
• API is now events based:
  • @update – called after each change, passes the value and id
  • @select – called after selecting an element, passes the selectedOption and id
  • @remove – called after removing an element, passes the removedOption and id
  • @open – called after opening the dropdown, passes the id
  • @close – called after closing the dropdown, passes the value and id
  • @tag – called after attempting to create a tag, passes the searchQuery and id
  • @search-change – called after the search query changes, passes the searchQuery and id
• The deepClone function is now available as import import { deepClone } from 'vue-multiselect'
• Added loading prop, which shows/hides the spinner
• Added disabled prop, which disables the component if true
• The selected prop is no longer required

Breaking Changes

• Two-way binding is deprecated. Please do NOT use .sync anymore. Vue-Multiselect will never change anything outside of its own scope.
• To propagate changes (updating selected value) inside parent component, you always need to listen to @update event. An example update function could look like this:

  onUpdate (newVal) { this.selected = newVal }

• Props with callback functions like: onChange, onSearchChange are now deprecated. Use events instead.
• touched prop is deprecated. Use @open to detect if the component has been touched.

Fixed

• #72 If vue-multiselect is inside a fieldset which has the disabled attribute, the component will be also partially disabled (pointer-events: none). IE11+
• #70
• #62
• #60
• #48

Additionally added some tweaks to the code

v0.3.1

Fixes:

• Fixed #58
• Fixed #59

v0.3.0

Docs:

• Split docs into partials: https://github.com/monterail/vue-multiselect/blob/master/docs/index.jade

Improvements

• Better importing #38

Fixes:

• Fixed #37
• Fixed #41

v0.2.6

New

• Limit of options one can select with :max="number" prop. #32

v0.2.5

New

• Tagging
• Custom labels
• Now an UMD module

Fixes

• Removed scoped attribute from styles
• Changed rem to px #30 #28

TODO:

• Solve problem: v-show and performance drops vs v-if and buggy scroll bar.

v0.1.7

Fixes:

• Removed sass from Muliselect.vue. Now using pure CSS. This should fix problems with browsersify.
• Fixed problem with spinner (v-if vs v-show)

Docs:

• Added missing props to docs
• Improved mobile experience a bit. Still no inertia on iOS.

v0.1.6

Fixes:

• Fix for browserify support
• Less strict dependencies