如何使用Vue.js在v-select输入中将unicode字符显示为值
尝试将unicode字符“µ”和“mL”显示为我的选择选项的选项。 我正在使用Vuetify。甚至不确定这是否可能,但问起来也无妨。 需要unicode字符显示为符号 我用于选择选项的符号数组如何使用Vue.js在v-select输入中将unicode字符显示为值,unicode,vuejs2,vuetify.js,Unicode,Vuejs2,Vuetify.js,尝试将unicode字符“µ”和“mL”显示为我的选择选项的选项。 我正在使用Vuetify。甚至不确定这是否可能,但问起来也无妨。 需要unicode字符显示为符号 我用于选择选项的符号数组 export default { data() { return { symbols: ["µ", "mL"] } } } <v-col cols="1" md="1" class="pr-
export default {
data() {
return {
symbols: ["µ", "mL"]
}
}
}
<v-col cols="1" md="1" class="pr-1">
<v-text-field
outlined
name="processing-range-from"
id="processing-range-from"
type="number"
label="From"
min="0"
step="10"
v-model="product.processingRange.from"
required
></v-text-field>
</v-col>
<v-col cols="2" md="2" class="pl-0">
<v-select
outlined
attach
label="metric"
placeholder="metric"
v-model="product.processingRange.fromSymbol"
:items="symbols"
></v-select>
</v-col>
<v-col cols="1" md="1" class="pr-1">
<v-text-field
outlined
name="processing-range-to"
id="processing-range-to"
type="number"
label="To"
min="0"
step="10"
v-model="product.processingRange.from"
required
></v-text-field>
</v-col>
<v-col cols="2" md="2" class="pl-0">
<v-select
outlined
attach
label="metric"
placeholder="metric"
v-model="product.processingRange.toSymbol"
:items="symbols"
></v-select>
</v-col>
导出默认值{
数据(){
返回{
符号:[“µ”,“mL”]
}
}
}
直接复制unicode字符,而不是其代码
符号:[“µ”,“mL”]
哇,真不敢相信我从未想过。非常感谢你的智慧!