需求:根据后端返回的颜色值,渲染下拉框中文字颜色
<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=" '<span style=color:' + item.taskColor + '>' +item.sourceName + '</span>' "
>
</el-option>
</el-select>
参考:
vue elementUi selecet 实现下拉项文字自定义颜色