el-select。背景颜色
时间: 2023-11-10 17:00:29 浏览: 81
颜色选取工具
el-select的背景颜色可以通过在el-option中设置内联样式来实现。具体而言,可以使用v-html属性将要渲染的背景颜色和文本内容拼接成一个<div>元素,并将其作为el-option的label属性的值。在这个<div>元素的style属性中设置background-color来改变背景颜色。例如,可以使用类似以下的代码来实现:
```
<el-select v-model="sourceId">
<el-option v-for="item in sourceOptions" :key="item.sourceId" :label="item.sourceName" :value="item.sourceId" v-html="'<div style=\"background-color:' + item.taskColor + ';width:100%;height:90%\">' + item.sourceName + '</div>'"></el-option>
</el-select>
```
请注意,这里的item.taskColor是从后端返回的颜色值,它将被用作背景颜色。
阅读全文