title: How to do Buefy autocomplete on multiple fields
body: <p>I'm developing autocomplete using buefy autocomplete. It works fine for single field from object - <code>{BrandID: 1004487, BrandName: "test"}</code> Currently filtering data on <code>BrandName</code></p>
  
  <p>Below is code - </p>
  
  <pre><code>&lt;b-autocomplete class="form-control"
    v-model.trim="newMapping.brandname"
    placeholder="Type brand name..."
    :data="filteredBrandData"
    field="BrandName"
    size="is-small"
    :open-on-focus="true"
    @select="option =&gt; newMapping.brandid = option.BrandID"
    @typing="clearBrand()"&gt;
    &lt;template slot-scope="props"&gt;
     &lt;div class="media"&gt;
       &lt;div class="media-content"&gt;
         {{props.option.BrandName}}
         &lt;br&gt;
         &lt;small&gt;
           BrandId : {{props.option.BrandID}}
         &lt;/small&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/template&gt;
  &lt;/b-autocomplete&gt;
  </code></pre>
  
  <p>Vuejs function - </p>
  
  <pre><code>filteredBrandData () {
    return this.brandList.filter((text) =&gt; {
      return text.BrandName.toLowerCase().indexOf(this.newMapping.brandname.toLowerCase()) &gt;= 0
    })
  }
  </code></pre>
  
  <p>I want to filter / autocomplete data on <code>BrandID</code> as well, How do I fix this? please suggest.</p>
  
  <p>Buefy autocomplete - <a href="https://buefy.org/documentation/autocomplete/" rel="nofollow noreferrer">https://buefy.org/documentation/autocomplete/</a></p>