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

首先，看效果

代码实现：

<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>