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

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

<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 .

Всего 2 ответа


Просто используйте собственный элемент <select> и визуализируйте элементы <option> с помощью цикла v-for .

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


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


Есть идеи?

10000