elementui表单el-form-item的label旁加icon并加提示

原代码：<el-form-item prop="name" :label="$t('JieKouYingWenMingCheng')"><el-input v-model="addInfo.name":placeholder="$t('QingShuRu')":disabled="isQuote"></el-input></el-form-item>

张凡的博客

10405人浏览 · 2021-05-27 10:03:28

张凡的博客 · 2021-05-27 10:03:28 发布

原代码：

<el-form-item prop="name" :label="$t('JieKouYingWenMingCheng')">
	<el-input v-model="addInfo.name"
                  :placeholder="$t('QingShuRu')"
                  :disabled="isQuote"></el-input>
</el-form-item>

解决方法

去掉上面的 label
用 slot= label 即可自定义

	<el-form-item prop="name">
                   <span slot="label">
                     <span class="span-box">
                       <span>{{$t('JieKouYingWenMingCheng')}}</span>
                        <el-tooltip style="diaplay:inline" effect="dark" content="接口的唯一编码，对应接口调用时的字段”interfaceName“" placement="top">
                          <i class="el-icon-question" />
                        </el-tooltip>
                     </span>
                   </span>
                  <el-input v-model="addInfo.name"
                  :placeholder="$t('QingShuRu')"
                            :disabled="isQuote"></el-input>
                </el-form-item>