vue.js 如何更改中某个选项的颜色< q-select>？

xoshrz7s 于 2023-03-24 发布在 Vue.js

关注(0)|答案(1)|浏览(215)

我有下一个代码：

<q-select v-model="type" label="Typ"
                  :options="[
                    { label: 'Teacher', value: 'Teacher' },
                    { label: 'Student', value: 'Student' }
                    ]"
        >
          <template v-slot:append>
            <doc-tag name="Typ"/>
          </template>
        </q-select>

我应该写什么，以使学生的颜色红色。我尝试了很多，没有工作提前感谢

vue.js

来源：https://stackoverflow.com/questions/75748397/how-can-i-change-the-color-of-one-of-the-options-in-q-select

1条答案

按热度按时间

gzszwxb41#

使用插槽option

<template v-slot:option="scope">
       <q-item v-bind="scope.itemProps">
        <q-item-section>
          <q-item-label :style="scope.opt.style">{{ scope.opt.label }}</q-item-label>
        </q-item-section>
      </q-item>
    </template>

查看Quasar文档中的Select：自定义菜单选项
x一个一个一个一个x一个一个二个x

赞(0）回复(0）举报 2023-03-24

我来回答

vue.js 如何更改中某个选项的颜色< q-select>？

1条答案

相关问题

热门标签

最新问答