ElementUI - 在 el-select &nbsp 中无法转换为 space

Question

当我使用el-select时，我的标签有，但是在浏览器中显示时却不能变成space

这是运行元素-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>

标签的值为”my label 1“

我希望输出是 "my label 1"

但实际输出是"my label 1"

Answer 1

我有点不清楚你在问什么，尤其是不清楚 SO 是否通过将你的一些转义序列解释为 HTML 来歪曲你的问题。我已经对 el-select 进行了一些试验，试图推断出您可能要问的问题。

如果可能，我建议使用 JavaScript 字符串转义而不是 HTML 实体。对于 non-breaking space 那将是 \u00a0.

例如

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

请记住，  并不是让浏览器插入 non-breaking space 的魔法咒语，它只是一个用于引用 Unicode 字符的命名实体。同样的字符可以直接包含在字符串中，就像在我的示例中一样，避免任何关于下游转义的假设。

另一种方法可能是使用普通 space 和一些 white-space CSS，但这仍然需要您从标签中删除  。

ElementUI - 在 el-select &nbsp 中无法转换为 space

ElementUI - in el-select &nbsp can't translate into space

jquery

element

vue.js