我们看element-ui官网可以发现el-tooltip可以使用slot=“content”这个具名插槽来自定义想显示的文案
如果想要在标签上显示这个el-tooltip的话,就必须让标签也有个插槽,在这个插槽里插入el-tooltip这个节点。
<el-form-item prop="runKey">
<template slot="label">
<span style="position:relative">
<span>指数</span>
<el-tooltip style="position:absolute;right:-8px;" class="item" effect="dark" placement="top">
<div slot="content">
<p>温馨提示:指数为每次运动的运动量</p>
</div>
<i class="el-icon-question table-msg" />
</el-tooltip>
</span>
</template>
<el-input v-model="form.runKey" :disabled="formDisable"></el-input>
</el-form-item>
效果如下: