ElementUI - в el-select невозможно перевести в пространство - PullRequest
1 голос
/ 09 июля 2019

когда я использую el-select, мой ярлык имеет, но при отображении в браузере он не может измениться на пробел

Это выполняется element-ui@2.10

        <el-select v-model="value" filterable @change="currentSel" id="demoSelect" class="el_select_width">
            <el-option
              v-for="item in job_info"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
        </el-select>

значение метки - «моя метка 1»

Я ожидаю, что на выходе будет «моя метка 1»

Но фактический результат - «моя метка 1»

1 Ответ

0 голосов
/ 09 июля 2019

Мне немного непонятно, о чем вы спрашиваете, тем более, что не ясно, искажает ли SO ваш вопрос, интерпретируя некоторые из ваших escape-последовательностей как HTML. Я провел некоторые эксперименты с el-select, чтобы попытаться определить, что вы, вероятно, спрашиваете.

Если возможно, я предлагаю использовать экранирование JavaScript, а не HTML-сущность. Для неразрывного пробела это будет \u00a0.

, например

"my\u00a0\u00a0\u00a0\u00a0label\u00a0\u00a0\u00a01"

Имейте в виду, что &nbsp; - это не магическое заклинание, заставляющее браузер вставлять неразрывный пробел, это просто именованная сущность, используемая для обозначения символа Unicode. Этот же символ может быть включен непосредственно в строку, как в моем примере, избегая любых предположений о побеге вниз по течению.

Альтернативой может быть использование обычных пробелов и некоторых white-space CSS, но для этого все равно требуется удалить &nbsp; с метки.

...