Как сделать автозаполнение Buefy для нескольких полей

Я разрабатываю автозаполнение с помощью автозаполнения buefy. Он отлично работает для одного поля из объекта - {BrandID: 1004487, BrandName: "test"} В настоящее время фильтрует данные по BrandName

Ниже приведен код -

<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 => newMapping.brandid = option.BrandID"
  @typing="clearBrand()">
  <template slot-scope="props">
   <div class="media">
     <div class="media-content">
       {{props.option.BrandName}}
       <br>
       <small>
         BrandId : {{props.option.BrandID}}
       </small>
     </div>
    </div>
   </template>
</b-autocomplete>

Функция Vuejs -

filteredBrandData () {
  return this.brandList.filter((text) => {
    return text.BrandName.toLowerCase().indexOf(this.newMapping.brandname.toLowerCase()) >= 0
  })
}

Я также хочу фильтровать/автозаполнять данные для BrandID. Как мне это исправить? пожалуйста, предложите.

Автозаполнение Buefy — https://buefy.org/documentation/autocomplete/


vue.js autocomplete buefy
person Vilas    schedule 12.06.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте что-то подобное в b-autocomplete: @select="option => mySelectFunction(option)"

По сценарию:

private mySelectFunction(option: {code: string; description: string}){
    this.myModel.code = option.code
    this.myModel.description = option.description
}
person Lana    schedule 30.06.2020