如何从vue js中的BFormSelect或b-form-select中删除默认类

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>

我想从这个select中删除class属性，我已经尝试了以下选项：

• 将class添加为class=""(不工作，渲染为class="form-control"(
• 将class添加为class="123"(不起作用，渲染为class="123 form-control"(

请建议如何删除class属性或从class值中删除"form-control"。

Answer 1

只需使用本机<select>元素，并使用v-for循环渲染<option>。

BootstrapVue的组件设计为使用引导程序样式/类。要呈现非Bootstrap风格的元素，只需自己创建HTML5元素即可。

Answer 2

如果你不使用bootstrap vue(以及Bootsrap CSS(作为CSS框架来对网页上的组件进行风格化和调整，那么你根本不应该使用bootstrap-vue。所有bootstrap vue组件都使用一些类来相互一致，并与网页的整个设计保持一致。