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:"¼ hour" },
{ value:".5",text:"½ hour" },
]