title: How to show multiple labels in vue multiselect dropdown
body: <p>I have used vue multiselect for my laravel app</p>
  
  <p>In form I have done this </p>
  
  <pre><code>&lt;multiselect v-model="selected" track-by="id" label="name" :options="options" :loading="isLoading" :internal-search="false" @search-change="getData" :multiple="true" :close-on-select="false" :hide-selected="true":internal-search="false" name="books[]" :show-labels="false" :custom-label="customLabel"&gt;&lt;/multiselect&gt;
  </code></pre>
  
  <p>and in my vue file I have done this </p>
  
  <pre><code>    Vue.component('coupon-form', {
      mixins: [AppForm],
      data: function() {
          return {
              form: {
                  books: [],
              },
              isLoading: false,
              options: [],
              selected: [],
  
          }
      },
      methods: {
          customLabel ({ name, sku }) {
            return `${name} — ${sku}`
          },
          getData(query){
              this.isLoading = true;
  
              axios.post('/admin/books/find/'+query)
              .then((response) =&gt; {
                  this.options = response.data;
                  this.isLoading = false;
              })
              .catch((error) =&gt; {
                  this.isLoading = false;
              });
          },
      },
      watch: {
          selected (newValues) {
               this.form.books = newValues.map(obj =&gt; obj.id)
          }
      }
  });
  </code></pre>
  
  <p>As you can see I have used ajax remote options and used custom-label too But it is giving me the error like this</p>
  
  <p><a href="https://i.stack.imgur.com/NaLTB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NaLTB.png" alt="enter image description here"></a></p>
  
  <p>Anyone can help Why it is showing me this ...</p>