FormItem Slot Label不生效

如果你使用的技术栈是vue3，组件库是elementPlus，发现原本的el-form-item中，自定义label不生效了，打开文档一看，这个插槽还在，功能是可用的。

那么就要考虑另一个方向，在vue3中，原本的插槽方式发生了变化，由slot=‘label’变为v-slot:label

// vue2

<el-form-item prop="unloadFile">
  <span slot="label">      // 这样引入插槽
    <span>上传文件</span>
    <el-tooltip effect="dark" placement="top">
      <template #content>
        仅支持视频文件
      </template>
      <el-icon :size="16">
         <QuestionFilled />
      </el-icon>
    </el-tooltip>
  </span>
  <el-input v-model="input" />
</el-form-item>



// vue3
        <el-form-item prop="unloadFile">
              <template v-slot:label>     // 这样引入插槽
                <div class="icon_label">
                  <div>上传文件</div>
                  <el-tooltip effect="dark" placement="top">
                    <template #content>
                      仅支持视频文件
                    </template>
                    <el-icon :size="16">
                      <QuestionFilled />
                    </el-icon>
                  </el-tooltip>
                </div>
              </template>
              <el-input v-model="input" />
            </el-form-item>