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