在VUEJS下拉列表中显示带有选项的彩色标签
在我的vue组件中,我遵循选择字段。
<cs-dashboard-select
:options="[
{ value: '1', label: 'On duty'},
{ value: '2', label: 'On vacation'},
{ value: '3', label: 'Training'},
{ value: '4', label: 'Sick leave'},
"
name="schedule_type"
> Select type
</cs-dashboard-select>
这些类型中的每一种都分配了颜色,
我如何在选项标签的前面显示此颜色如下图...
In my vue component I have following select field.
<cs-dashboard-select
:options="[
{ value: '1', label: 'On duty'},
{ value: '2', label: 'On vacation'},
{ value: '3', label: 'Training'},
{ value: '4', label: 'Sick leave'},
"
name="schedule_type"
> Select type
</cs-dashboard-select>
There each of these types have assigned a color,
How can I display this color in front of the option label as following image...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论