需求:根据后端返回的颜色值,渲染不同的背景颜色
实现效果:
<el-select
style="width: auto; max-width: none"
v-model="sourceId"
clearable
:placeholder="$t('NeoLight.select')"
@change="getSource(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>