Element 在label前插入一个小图标或其它特殊图片

最新推荐文章于 2024-08-06 14:09:20 发布

如花菇凉

最新推荐文章于 2024-08-06 14:09:20 发布

阅读量3.1k

点赞数 1

分类专栏： VUE 前端文章标签： vue

本文链接：https://blog.csdn.net/u012174809/article/details/108825357

版权

前端同时被 2 个专栏收录

179 篇文章 4 订阅

订阅专栏

VUE

146 篇文章 5 订阅

订阅专栏

首先，看效果

代码实现：

<el-form-item prop="isDef" label-width="200px">
              <span slot="label">
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="$t('terminalConfig.defaultSetNotice')"
                  placement="bottom-start"
                >
                  <i
                    class="el-icon-warning"
                    style="color:#E6A23C;font-size:14px;"
                  ></i>
                </el-tooltip>
                <span>{{ $t("terminalConfig.defaultSetting") }}</span>
              </span>
              <el-switch v-model="ruleForm.isDef"></el-switch>
              <!-- <div style="font-size:12px; line-height:16px;color:#909399;"><i class="el-icon-warning" style="color:#E6A23C;font-size:12px;"></i>{{ $t('terminalConfig.defaultSetNotice') }}</div> -->
            </el-form-item>