Javascript 是否可以将图标和按钮附加到下拉列表/表单选择？

我正在尝试使用Vue和Bootstrap制作一个下拉列表，其中应该显示许多选项，并在每个选项上附加一个删除按钮。我似乎无法在选项中添加任何html。我正在使用表单选择组件，因为我希望将所选选项与v模型绑定。我的代码目前看起来像这样

<b-input-group>
      <b-form-select
        v-model="options"
        size="sm"
        @change="onSelectedOptionChanged"
      >
        <b-form-select-option :value="null"
          >-- Saved options--
        </b-form-select-option>

        <b-form-select-option
          v-for="(set, index) in optionSet"
          :value="set"
          :key="index"
          >{{ set.name }}

        </b-form-select-option>

      </b-form-select>
      <!-- <b-input-group-append>
        <b-button title="Delete" @click="deleteOptionSet" class="btn-sm"
        ></b-button>
      </b-input-group-append> -->
    </b-input-group>

--保存的选项--
{{set.name}

这可能吗？如果可能，我该如何处理？我已经尝试过使用前置html并简单地插入html。谢谢

---

编辑：似乎无法在select标记中添加html标记。不过，我真的希望有另一种解决方案。此功能是否可以使用下拉菜单替代？

这是否回答了您的问题@Hiws这当然解释了为什么我不能在选择标记中使用HTML，但我想知道在下拉列表中是否也可以使用HTML。由于您使用的是引导，我建议将下拉列表（与选择BTW相同）替换为包含按钮的列表。@Tim B-下拉列表与表单选择不同，是吗？我通过切换b-form-select for b-dropdown允许在每个选项/项目中使用HTML解决了我的问题，如下所示：