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

我的代码如下：

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

全部的
过去3个月
过去6个月

我想从此

选择中删除
类
属性，我尝试了以下选项：


将
class
添加为
class=”“
（不工作，呈现为
class=“表单控件”
）
将
class
添加为
class=“123”
（不工作，呈现为
class=“123表单控件”
）

请建议如何删除
类
属性或从
类
值中删除
“表单控件”
。
如果不使用引导vue（以及引导RAP CSS）和CSS框架对网页上的组件进行样式化和调整，则不应使用引导vue。所有引导vue组件都使用一些类来彼此一致，并与网页的整体设计一致。
只需使用本机
元素，并使用
v-for
循环呈现
s

BootstrapVue的组件设计为使用bootstrap样式/类。要呈现非引导样式的元素，只需自己创建HTML5元素。
我使用的是b-table组件，因此无法删除引导vue，是否有任何方法可以处理引导的默认类？或者，如果只需要此更改，您可以尝试删除/调整vue的不必要边距/填充和其他CSS道具。