Bootstrap-Vue-使用HTML输入

Question

我正在尝试在<b>字段中放入一些HTML（甚至Bootstrap-Vue Input标签）。

Input

    <template>
      <b-form-input></b-form-input>
      <datalist id="my-list-id">
        <option v-for="size in sizes">{{ size }}</option>
      </datalist>
    </template>

...
new Vue({
    el: '#vue',
    data: {
        sizes: ['Manual Option', '<b>bold</b>first', 'Medium', 'Large', 'Extra Large'],

但是，我无法找到如何使用HTML成员而不是所选内容中的纯文本成员？

Answer 1

虽然由于可能的跨站点脚本（XSS）攻击而不建议使用，但是您可以使用将HTML内容放置在元素内（只需确保它是you

提供和not