Как отключить / включить текстовое поле в соответствии с выбранным значением в b-form-select?

Question

Я пытаюсь включить / отключить поле ввода текста в соответствии со значениями, выбранными в b-form-select

Буду признателен, если кто-нибудь сможет мне помочь.

Answer 1

new Vue({
  el: "#app",
  data: {
    selected: 0,
    options: [
      { value: 0, text: 'Enabled' },
      { value: 1, text: 'Disabled' }
    ]
  }
});

<div id="app" class="m-5">
  <b-form-select v-model="selected" :options="options"></b-form-select>
  <b-form-input type="text" :disabled="selected === 1" class="mt-3"></b-form-input>
</div>

Вот jsfiddle для него.