Выбор начальной загрузки недопустим, не работает в vue

Question

извиняюсь перед тем, если мой английский не очень хорош, у меня проблема при использовании bootstrap-select в vue.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".

у кого-нибудь есть решение?

Answer 1

Это должно работать.span с недействительным классом обратной связи должен быть ниже тегов select.

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

Answer 2

Вы должны указать, что вы связываете. В вашем случае вы связываете класс. Поэтому убедитесь, что вы используете v-bind: class = "{'is-invalid': error}"