如何根据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>

Here's a jsfiddle。