element之,自定义form的label

有时候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;

}

}

相关推荐
小江的记录本1 分钟前
【AI大模型选型指南】《2026年5月(最新版)国内外主流AI大模型选型指南》(个人版)
前端·人工智能·后端·ai·aigc·ai编程·ai写作
@PHARAOH15 分钟前
HOW - 前端输入场景支持拼音匹配
前端
计算机安禾25 分钟前
【c++面向对象编程】第21篇:运算符重载基础:语法、规则与不可重载的运算符
java·前端·c++
__log38 分钟前
Vue 3 核心技术深度解析:从“会用API“到“懂原理、能表达“
前端·javascript·vue.js
Asurplus1 小时前
【VUE】16、使用 wangEditor 富文本编辑器
vue.js·图片上传·wangeditor·富文本编辑器
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_52:(深入 XPathExpression 接口)
开发语言·前端·javascript·ui·html·音视频
不会写DN1 小时前
通过白名单解决 pnpm i 报错 Ignored build scripts
javascript·面试·npm
UXbot1 小时前
AI 原型工具零设计基础操作指南与功能解析(2026)
前端·ui·产品经理·原型模式·web app
yuzhiboyouye2 小时前
VO一般java后端怎么转换成前端想要的数据
java·前端·状态模式