vue 怎么通过 option 插槽自定义选项，将渲染 label 属性为 HTML

在 Vue 中，我们可以使用插槽（slot）来自定义组件的部分内容。对于 Quasar 的 q-btn-toggle 组件，我们可以使用 option 插槽来自定义选项的展示方式，并且使用 v-html 指令将 label 属性渲染成 HTML。

具体操作如下：

1. 在 q-btn-toggle 组件上添加 option 插槽：

<q-btn-toggle :options="options">
  <template v-slot:option="props">
    <!-- 这里是自定义选项的展示方式 -->
  </template>
</q-btn-toggle>

2. 在 option 插槽内部，使用 props 对象来获取当前选项的数据，并使用 v-html 指令将 label 属性渲染成 HTML：

<q-btn-toggle :options="options">
  <template v-slot:option="props">
    <span v-html="props.option.label"></span>
  </template>
</q-btn-toggle>

在上面的例子中，我们使用了 v-html 指令来渲染 label 属性为 HTML，这样就可以在选项中显示加粗、斜体等效果。需要注意的是，使用 v-html 指令要谨慎，确保渲染的 HTML 代码是可信的，避免 XSS 攻击等安全问题。