咨询：Vuetify提示框HTML内容失效，原红色提示现显示源码

嘿，这个问题我之前踩过坑！其实这是Vuetify版本更新带来的变化，不是你操作出错啦～

为什么之前可以，现在失效了？ #

在Vuetify 2的早期版本中，部分组件的hint属性确实允许直接传入HTML字符串并解析渲染，但官方后来出于**安全（避免XSS风险）**和规范的考虑，在后续的2.x更新以及Vuetify 3中，默认对hint属性的内容进行HTML转义处理——也就是说，现在你传入的HTML字符串会被当作纯文本直接显示，而不会被解析渲染。

现在该怎么实现带样式的hint？ #

正确的做法是使用Vuetify提供的**hint插槽**来自定义提示内容，这样可以直接编写HTML和样式，示例代码如下：

<v-checkbox v-model="create" label="Nice label" persistent-hint>
  <template v-slot:hint>
    <span class="red--text">Red hint</span>
  </template>
</v-checkbox>

这种方式不仅安全，而且是Vuetify官方推荐的自定义hint的方法，在2.x和3.x版本中都能正常工作。

总结 #

这完全是版本变更导致的行为变化，不是你的操作问题。换成插槽写法后，就能正常显示红色的提示文本啦～

内容的提问来源于stack exchange，提问作者Andrew