正常情况下，下拉框选项展示内容，就是选择后展示的label内容
如图所示：
但是要想自定义选项内容，但是展示内容不是选项label的内容，可以在el-option标签内增加div进行自定义选项label展示，但选择后结果展示仍是el-option标签内label属性绑定的值。文章来源：https://www.toymoban.com/news/detail-751483.html
<el-select
v-model="stat"
clearable
placeholder="">
<el-option
v-for="item in list"
:key="item.id"
:value="item.id"
:label="item.name">
<div>{{ item.typeName + '-' + item.name}}</div>
</el-option>
</el-select>
展示效果如图：
文章来源地址https://www.toymoban.com/news/detail-751483.html
到了这里，关于element ui中Select 选择器，自定义显示内容的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
