title: Laravel can't get the values from Vue-multiselect
body: <p>I am using <a href="https://vue-multiselect.js.org/" rel="nofollow noreferrer">Vue-multiselect</a> with Laravel.</p>
  <p>I am using the multiselect component in my form to let the user select multiple countries. The component works fine but when I submit the form and I <code>dd()</code> it, it shows <code>[object Object]</code>.</p>
  <p>I can't get the value of the multiselect component. I have found similar questions but none of them worked for me.</p>
  <p>Here is my code:</p>
  <p><strong>The ExampleComponent.vue file:</strong></p>
  <pre><code>&lt;template slot-scope=&quot;{ option }&quot;&gt;
  &lt;div&gt;
  
  &lt;label class=&quot;typo__label&quot;&gt;Restricted country&lt;/label&gt;
  &lt;multiselect
            v-model=&quot;internalValue&quot;
            tag-placeholder=&quot;Add restricted country&quot;
            placeholder=&quot;Search or add a country&quot;
            label=&quot;name&quot;
            name=&quot;selectedcountries[]&quot;
            :options=&quot;options&quot;
            :multiple=&quot;true&quot;
            track-by=&quot;name&quot;
            :taggable=&quot;true&quot;
            @tag=&quot;addTag&quot;
            &gt;
  &lt;/multiselect&gt;
  
  &lt;pre class=&quot;language-json&quot;&gt;&lt;code&gt;{{ internalValue  }}&lt;/code&gt;&lt;/pre&gt;
  
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
   import Multiselect from 'vue-multiselect'
  
    // register globally
    Vue.component('multiselect', Multiselect)
  
    export default {
  
    components: {
    Multiselect
    },
     props: ['value'],
     data () {
     return {
     internalValue: this.value,
     options: [
      { name: 'Hungary' },
      { name: 'USA' },
      { name: 'China' }
       ]
     }
   },
  watch: {
  internalValue(v){
  this.$emit('input', v);
  }
  },
  methods: {
  addTag (newTag) {
    const tag = {
      name: newTag,
      code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))
    }
    this.options.push(tag)
    this.value.push(tag)
    }
   },
  
   }
   &lt;/script&gt;
  </code></pre>
  <p><strong>Here is my register form:</strong></p>
  <pre><code>&lt;div id=&quot;select&quot;&gt;
    &lt;example-component v-model=&quot;selectedValue&quot;&gt;&lt;/example-component&gt;
    &lt;input type=&quot;hidden&quot; name=&quot;countriespost&quot; :value=&quot;selectedValue&quot;&gt;
   &lt;/div&gt;
   
  &lt;script&gt;
     const select = new Vue({
        el: '#select',
        data: {
           selectedValue: null
             },
           });
  &lt;/script&gt;
  </code></pre>
  <p>When I submit the form, the <code>countriespost</code> shows me me this: <code>[object Object]</code> instead of the actual value.</p>