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

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

其实很简单啦 le-form-item为用户留有插槽啦
直接看代码吧

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

我这里的需求如图所示

自定义问题前面的*（必填标志）css部分如下

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