vuetify.js - vuetify 提示中的 HTML

Question

以前(我认为？)可以将 HTML 放入 vuetify 提示中，但对我来说这不再有效。例如，在我的一个组件中我有:

<v-checkbox
   v-model="create"
   label="Nice label"
   persistent-hint
   hint="<span class=&quot;red--text&quot;>Red hint</span>"
/>

此提示以前显示为红色，但现在我看到了完整的 HTML 代码。有什么变化还是我做错了什么？

Answer 1

在 Vuetify 论坛中，MajesticPotatoe 向我指出了错误报告 https://github.com/vuetifyjs/vuetify/issues/9647 .这提供了以下插槽解决方法，适用于我的代码:

<v-checkbox
   v-model="create"
   label="Nice label"
   persistent-hint
   hint="<span class=&quot;red--text&quot;>Red hint</span>"
>
<template v-slot:message="{ message, key }">
 <span v-html="message"></span>
</template>
</v-checkbox>

在补丁 https://github.com/haggys22/vuetify/commit/f0d5edd7ddf7e01ba057b7f3d14604199b6db68d 之前，这似乎可以在没有插槽的情况下工作被合并了。