Bootstrap select is-invalid 在 vue 中不起作用答案

【问题标题】：Bootstrap select is-invalid not work in vueBootstrap select is-invalid 在 vue 中不起作用
【发布时间】：2019-06-24 15:05:28
【问题描述】：

如果我的英语不好，请先道歉，我在vue中使用bootstrap-select时遇到问题。 https://github.com/snapappointments/bootstrap-select

<select class="selectpicker" v-bind:class="{'is-invalid': error}"></select>
<span class="invalid-feedback"> error </ span>

上面的代码将显示如下（检查元素）：

<div class="dropdown">
<select></select>
</div>
<span class="invalid-feedback"> error </ span>

在使用vue时不起作用，因为is-invalid出现在<select>中，而<select>在div元素<div class = "dropdown">中

“invalid-feedback”将出现在“is-invalid”下方。

谁有解决办法？

【问题讨论】：

【解决方案1】：

您必须提供要绑定的内容。在您的情况下，您要绑定一个类。所以请确保使用 v-bind:class="{'is-invalid': error}"

【讨论】：

【解决方案2】：

这应该可行。带有无效反馈类的跨度应位于选择标签下方。

<div class="dropdown">
   <select></select>
   <span class="invalid-feedback"> error </ span>
 </div>

【讨论】：