不使用el-form-item中的 label,使用 slot= label。
<el-form-item>
<label slot="label">
<i class="iconfont icon-checked" v-if="checked" @click="checked = !checked"></i>
<i class="iconfont icon-uncheck" v-else @click="checked = !checked"></i>
<span>自定义标题</span>
</label>
<el-input
v-model="content"
size="mini"
placeholder="输入内容"
clearable
></el-input>
</el-form-item>
样式
.icon-uncheck {
font-size: 16px;
color: #dcdee2;
background-color: #fff;
}
.icon-checked {
font-size: 16px;
color: #2e71ea;
}
效果图: