如何使用Vue.js在v-select输入中将unicode字符显示为值

如何使用Vue.js在v-select输入中将unicode字符显示为值,unicode,vuejs2,vuetify.js,Unicode,Vuejs2,Vuetify.js,尝试将unicode字符“µ”和“mL”显示为我的选择选项的选项。 我正在使用Vuetify。甚至不确定这是否可能,但问起来也无妨。 需要unicode字符显示为符号 我用于选择选项的符号数组 export default { data() { return { symbols: ["&#181", "mL"] } } } <v-col cols="1" md="1" class="pr-

尝试将unicode字符“µ”和“mL”显示为我的选择选项的选项。 我正在使用Vuetify。甚至不确定这是否可能,但问起来也无妨。 需要unicode字符显示为符号

我用于选择选项的符号数组

export default {
    data() {
        return {
            symbols: ["&#181", "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”]

哇,真不敢相信我从未想过。非常感谢你的智慧!