Skip to content

v1.0.0

Compare
Choose a tag to compare
@shentao shentao released this 27 Jul 13:50
· 544 commits to master since this release

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