Vue.js 在vuetify v-select中显示原始html

Vue.js 在vuetify v-select中显示原始html,vue.js,vuejs2,vuetify.js,Vue.js,Vuejs2,Vuetify.js,我的问题似乎很简单,但我想不通 我有这个 <VSelect :items="common.users.options" ></VSelect> which just shows me select and its options. 糟糕的是,VSelect向我显示了¼和½,正如您所看到的,没有将其转换为分数html 如何将分数显示到vselect选项中,而不只是简单的¼?覆盖项和选择插槽,并使用v-html 当然,您可以使用比div更奇

我的问题似乎很简单,但我想不通

我有这个

  <VSelect :items="common.users.options" ></VSelect> which just shows me select and its options. 
糟糕的是,VSelect向我显示了¼和½,正如您所看到的,没有将其转换为分数html


如何将分数显示到vselect选项中,而不只是简单的¼?

覆盖
项和
选择
插槽,并使用
v-html


当然,您可以使用比
div
更奇特的工具

如果您想要更简洁的代码,还可以使用
slot
slot scope
而不是
v-slot
div直接放入插槽中



也许这个答案会帮助您我知道我可以使用{{{}},但我不知道如何使用Vuetify VSelect。我认为您使用的是十进制代码而不是Html实体
¼v型槽不能用于模板和组件以外的元素。我将div改为template。现在是说无法读取未定义的长度。我更新了解决方案。需要取消引用对象的
项。text
[
    { value:".25",text:"&#188; hour" },
    { value:".5",text:"&#189; hour" },
]