Select 如何设置引导vue选择控件中的值，以便在表单加载时预先选择？

我使用的是VueJS，或者更准确地说。 在模板中，我有以下代码：

<b-form-select>                   
  <option v-for="(selectOption, indexOpt) in item.select.options" 
         :selected="selectOption == item.select.selected ? 'selected' : ''"
         :key="indexOpt"
         :value="selectOption"
  >
    {{ selectOption }} - {{ selectOption == item.select.selected }}
  </option>
</b-form-select>

从UI中的输出中，我们可以看到条件得到了正确的评估（检查项“15”的条件返回“true”）。下面是select控件的外观：

如果我检查HTML，它看起来像：

但是，我在这里需要的是，为了能够在加载控件的过程中，将参数传递到“item.select.selected”中，以实际显示选择控件中要预选的选项（在页面加载时）。在我尝试的许多选项中，我的选择控件在页面加载时未被选中

---

有什么方法可以实现这一点吗？

您可以使用

v-model

将默认值直接绑定到

。如果您将其绑定到

项.select.selected

中，则应在选择中显示它

<b-form-select v-model="item.select.selected">                   
    <option v-for="(selectOption, indexOpt) in item.select.options" 
        :key="indexOpt"
        :value="selectOption"
    >
        {{ selectOption }} - {{ selectOption == item.select.selected }}
    </option>
</b-form-select>

{{selectOption}-{{selectOption==item.select.selected}

以下是显示默认值的代码：

文件：
另一个答案是：

<b-form-select v-model="item.select.selected">                   
    <option v-for="(selectOption, indexOpt) in item.select.options" 
        :key="indexOpt"
        :value="selectOption"
    >
        {{ selectOption }} - {{ selectOption == item.select.selected }}
    </option>
</b-form-select>