vue2：为el-form-item的label设置背景色

我是飞鸟呀

于 2025-01-21 18:30:00 发布

阅读量622

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/l_q_l/article/details/145282487

Vue 专栏收录该内容

59 篇文章 ¥19.90 ¥99.00

订阅专栏

要实现如下图所示，将部分label的背景色设置为灰色，查了几种方式都不起作用，最后使用插槽实现，记录如下。

<el-form-item  label="所属模块:" prop="moduleUnid">
              <span slot="label">
                <span class="grey-label">所属模块:</span>
              </span>
                <el-select
                  v-model="caseFrm.moduleUnid"
                  placeholder="请选择模块"
                  clearable
                  style="width: 100%"
                >
                  <el-option
                    v-for="item in moduleOptions"
                    :key="item.unid"
                    :label="item.moduleName"
                    :v

了解本专栏