title: Two multiselect fields on the same page are corrupted, vue multiselect
body: <p>I am using this <a href="https://vue-multiselect.js.org/#sub-multiple-select" rel="nofollow noreferrer">vue.js solution</a> for multiselect drop-down menu.
  I am trying to have two multiselect fields on the same page. They reflect different datasets. Yet selection in the second one is corrupted.</p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;multiselect 
      placeholder="Select"
      v-model="value" 
      :options="options"
      :multiple="true"
      track-by="language"
      label="language"
      &gt;
    &lt;/multiselect&gt;
    &lt;pre&gt;{{ value }}&lt;/pre&gt;
  
    &lt;multiselect 
      placeholder="Select"
      v-model="value2" 
      :options="options2"
      :multiple="true"
      track-by="language"
      label="language"
      &gt;
    &lt;/multiselect&gt;
    &lt;pre&gt;{{ value2 }}&lt;/pre&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Vue.js:</p>
  
  <pre><code>new Vue({
    components: {
      Multiselect: window.VueMultiselect.default
      },
      data: {
      value: {language: 'aaa'},
      options: [
        { language: 'aaa'},
        { language: 'bbb'},
        { language: 'ccc'}
      ],
      options2: [
      {   language: '111'},
        { language: '222'},
        { language: '333'}
      ]
      },
    methods: {
      onSelect (items, lastSelectItem) {
        this.items = items
        this.lastSelectItem = lastSelectItem
      },
      // deselect option
      reset () {
        this.items = [] // reset
      },
      // select option from parent component
      selectOption () {
        this.items = _.unionWith(this.items, [this.options[0]], _.isEqual)
      },
    }
  }).$mount('#app')
  </code></pre>
  
  <p>Try it out here: <a href="https://jsfiddle.net/dmfwavgo/" rel="nofollow noreferrer">fiddle</a></p>
  
  <p>How can I make both multiselects work separately from each other?</p>
  
  <p>EDIT: <a href="https://jsfiddle.net/sxyugL9p/" rel="nofollow noreferrer">solution</a></p>