如何根据 b-form-select 中的选定值禁用/启用文本字段？

Posted 2023-02-22

【中文标题】如何根据 b-form-select 中的选定值禁用/启用文本字段？

【英文标题】：How to disable/enable text field according to a selected value in b-form-select?

【发布时间】：2019-05-13 08:36:22

【问题描述】：

我正在尝试根据在 b-form-select

如果有人可以帮助我，我将不胜感激。

【参考方案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 给它。