需求:根据后端返回的颜色值,渲染下拉框中文字颜色
![在这里插入图片描述 [element-ui] el-selecet 实现下拉项文字自定义颜色_vue.js](https://file.cfanz.cn/uploads/png/2023/04/01/0/3HQ7H8B02W.png)
![在这里插入图片描述 [element-ui] el-selecet 实现下拉项文字自定义颜色_前端_02](https://file.cfanz.cn/uploads/png/2023/04/01/0/8YJK837ea1.png)
<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 实现下拉项文字自定义颜色










