使用element-ui文档在此处的库，我想知道在为select组件选择选项后是否可以显示自定义标签。
换句话说，是否可以slot为标签显示一个而不是一个单词:label="item.label"
https://jsfiddle.net/q4c3m860/
我在文档中找不到任何内容。
问问题
1460 次
2 回答
1
嘿，我遇到了同样的问题，无论是在文档中还是通过谷歌搜索都找不到合适的解决方案。所以我检查了<el-select>.
您可以通过更改中的标签道具<el-option>并在默认插槽中呈现不同的内容来更改所选值的标签。原始实现使用 an<input>来显示其当前值，这意味着您不能使用 html 来呈现某些内容。
这是你的小提琴更新：https ://jsfiddle.net/a4n9up6j/
如果你想显示一些花哨的 html，你需要包装选择并使用一些自定义逻辑。
于 2021-05-21T15:19:18.643 回答
0
您可以在:label属性中使用 javascript 执行此操作，例如，将选定的标签更改为“foo”：
<span style="float: left">{{ item.value === value6 ? 'foo' : item.label }}</span>
这是你的小提琴更新： https ://jsfiddle.net/jmbldwn/j1mwnpLf/1/
于 2018-11-15T06:01:36.560 回答