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;

}

}

相关推荐
小lu飞18 分钟前
2026小红书小工具怎么制作:纯前端 ZIP 打包、沙箱限制与笔记挂载流程
前端·笔记·ai·ai编程
只睡四小时31 分钟前
Three.js Sub-tick:漏判 60.7%→0
开发语言·javascript·性能优化·ecmascript·游戏开发·three.js·碰撞检测
smallcelebration42 分钟前
151 从0开始搭建后端项目
前端·firefox
wangruofeng44 分钟前
手机和电脑传文件,除了微信还有 LocalSend
前端
excel1 小时前
基于 GPT 的自动发布文章接口方案:从一句话或一张图片生成并发布内容
前端·javascript·后端
其实防守也摸鱼3 小时前
个人学习 Pwn 思路:从基础到漏洞利用的进阶路径
大数据·前端·人工智能·chrome·算法·安全·网络安全
朱涛的自习室4 小时前
212 个需求、22 万行代码:Agent 接管开源项目的 19 天
android·前端·人工智能
aZhe的全栈知识分享4 小时前
AI 还原 Figma 效果总达不到预期?先别急着让它写代码
前端·后端·面试
review445434 小时前
Codex Hooks 入门实战:生命周期事件、matcher 与5分钟跑通一个钩子
前端·agent·vibecoding
函数小陈4 小时前
阿里云部署DSH与RAM完成运维
前端·后端