forms - 如何从 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>

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

• 添加class为class=""（不工作并呈现为class="form-control"）
• 添加class为class="123"（不工作并呈现为class="123 form-control"）

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

标签： formsvue.jsbootstrap-vue

Answer 1

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

BootstrapVue 的组件旨在使用引导样式/类。要呈现非 Bootstrap 样式元素，只需自己创建 HTML5 元素。