Vue js - Multiselect - Where to add event?
<p>I am using the <a href="http://monterail.github.io/vue-multiselect/" rel="nofollow noreferrer">http://monterail.github.io/vue-multiselect/</a> Vue plugin in a laravel project and I am trying to get the tagging option to work. It is working but when I add the tagging JS I am unable to build using Gulp.</p>

<p>Here is what I have tried:</p>

<p><strong>VUE JS</strong></p>

<pre><code>Vue.component('dropdown', require('./components/Multiselect.vue'));

const app = new Vue({
    el: '#app'
});
</code></pre>

<p><strong>COMPONENT</strong></p>

<pre><code>&lt;template&gt;
  &lt;div&gt;
    &lt;p&gt;Multi Select&lt;/p&gt;
    &lt;multiselect
      :options="taggingOptions"
      :value="taggingSelected"
      :multiple="true"
      :searchable="searchable"
      :taggable="true"
      :on-tag="callback"
      @tag="addTag"
      @input="updateSelectedTagging"
      tag-placeholder="Add this as new tag"
      placeholder="Type to search or add tag"
      label="name"
      track-by="code"&gt;
    &lt;/multiselect&gt;
  &lt;/div&gt;
&lt;/template&gt;


&lt;script&gt;
    import Multiselect from 'vue-multiselect'

    export default {
      components: { Multiselect },
      data () {
        return {
          value: null,
          options: ['list', 'of', 'options']
        }
      },
      methods: {
        updateSelected (newSelected) {
          this.value = newSelected
        }
      }
    };
&lt;/script&gt;
</code></pre>

<p><strong>TAGGING CODE</strong></p>

<p>I need to add this code somewhere but everywhere I've tried throws errors in the build or the console.</p>

<pre><code>addTag (newTag) {
const tag = {
name: newTag,
// Just for example needs as we use Array of Objects that should have other properties filled.
// For primitive values you can simply push the tag into options and selected arrays.
code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))
}
this.taggingOptions.push(tag)
this.taggingSelected.push(tag)
},
updateSelectedTagging (value) {
 console.log('@tag: ', value)
 this.taggingSelected = value
}
</code></pre>