有时候label会有一些图标之类的显示,但是又是必填,这就需要自定义label,但是这时候require的*和你的自定义label插槽会分行,如下是解决方案
.el-form-item__label::before{
display:none
}
给*设置隐藏,自定义的时候,自己加一个*
<el-form-item required :rules="[
{ required: true, message: '年龄不能为空'},
]" prop="name">
<template #label>
<div class="name"><span><i>*</i>名称111</span> <span>查看</span></div>
</template>
<el-input v-model="formLabelAlign.name"></el-input>
</el-form-item>
.name{width:100%;
display:flex;
justify-content: space-between;
background:pink;
i{
color:red;
}
}
