Как удалить класс по умолчанию из BFormSelect или b-form-select в vue js?

Question

У меня есть код ниже:

<b-form-select v-model="filterDuration"
               id="initialDurationSelect"
               :options="durationOptions"
               @@change="onChange($event)"
               plain="true">
</b-form-select>

Этот вариант выбора рендеринга, как показано ниже:

<select id="initialDurationSelect" size="0" class="form-control">
   <option value="0">All</option>
   <option value="3">Last 3 Months</option>
   <option value="6">Last 6 Months</option>
</select>

Я хочу удалить атрибут class из этого select, я пытался следующие параметры:

• добавить class как class="" (не работает и отображается как class="form-control")
• добавить class как class="123" (не работает и отображается как class="123 form-control")

Пожалуйста, предложите, как удалить атрибут class или удалить "form-control" из значения class.

Answer 1

Просто используйте собственный элемент <select> и визуализируйте <option> s, используя v-for l oop.

BootstrapVue. Компоненты предназначены для использования bootstrap стиль / занятия. Чтобы отобразить элементы стиля, отличные от Bootstrap, просто создайте элементы HTML5 самостоятельно.

Answer 2

Если вы не используете bootstrap - vue (и так же Bootsrap CSS) как CSS framework для стилизации и настройки ваших компонентов на веб-странице, то вам не следует использовать bootstrap - vue вообще. Все компоненты bootstrap - vue используют некоторые классы, чтобы соответствовать друг другу и всему дизайну веб-страницы.