Выбор формы Vue с помощью BootstrapVue - PullRequest
Новая
       13

Выбор формы Vue с помощью BootstrapVue

0 голосов
/ 15 апреля 2019

У меня есть выбор формы BootrapVue (https://bootstrap -vue.js.org / docs / components / form-select ), который при вводе в поле мне бы хотелось, чтобы 'value'(BEL), чтобы перейти к результату (не отфильтровывая):

https://jsfiddle.net/a942w6x3/2/

Я хотел бы набрать 'BEL' и выбрать (или активным) Белфаст.

В некотором роде объединяет функциональность typeahead, сохраняя полный список. 

<b-form-select v-model="selected" :name="name">
    <option v-for="(option, index) in filteredNames" :value="option.value">{{ option.text }}</option>
</b-form-select>

js: 

   data() {
    return {
      selected: 'BEL',
      options: [
        {"text":"Aberdeen","value":"ABZ"},
        {"text":"Belfast","value":"BEL"},
        {"text":"Bradford","value":"BRF"},
        {"text":"Essex","value":"ESS"},
        {"text":"London","value":"LDN"}
      ]
    }

Я пытаюсь использовать вычисленные для достижения этого: 

  computed: {
    filteredNames() {
      let filter = new RegExp(this.findName, 'i')
      return this.options.filter(el => el.text.match(filter) || el.value.match(filter))
    }
  }

Кто-нибудь видел, как это делается, или указывает мне направление, с которого я начал, я не хочу использовать какой-либо другой сторонний код.

...