vue3 el-form-item如何自定义label标签内容

<el-form-item
     label-width="100px"
     prop="problemName"
 >
      <template #label>
         <i class="must-tip">*</i>
           问题
      </template>
      <el-input v-model="problemName" />
</el-form-item>

.must-tip{
  margin-right: 5px;
  color: red;
}

<el-form ref="ruleForm" label-width="100" class="formStyle">
    <el-form-item label="工作说明">
        <el-input type="textarea" v-model="editOrder.workDesc" class="textareaRate" resize="none" size="mini"></el-input>
    </el-form-item>
</el-form>

<el-form ref="ruleForm" label-width="100" class="formStyle">
    <el-form-item>
        <span slot="label"><span style="color: #f56c6c;font-size: 14px;"> * </span>工作说明</span>
        <el-select v-model="editOrder.orderStatus" size="mini">
            <el-option :label="item.label" :value="item.value" v-for="item,index of orderStatusArr" :key="index"></el-option>
        </el-select>
    </el-form-item>
</el-form>