Как отобразить символ Unicode в качестве значения в v-select вводе, используя Vue. js - PullRequest
Новая
       12

Как отобразить символ Unicode в качестве значения в v-select вводе, используя Vue. js

0 голосов
/ 19 марта 2020

Попытка отобразить символы Unicode "µ" и "mL" в качестве параметров для моих параметров выбора. Я использую Vuetify. Даже не уверен, что это возможно, но никогда не больно спрашивать. Нужно, чтобы символы Юникода отображались как символы.

Массив символов, который я использую для опций выбора 

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>

1 Ответ

1 голос
/ 19 марта 2020

Скопируйте символ Unicode напрямую, а не его код.

symbols: ["µ", "mL"]

...