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;

}

}

相关推荐
木斯佳20 小时前
前端八股文面经大全:携程前端一面(2026-04-17)·面经深度解析
前端·状态模式
2301_7990730220 小时前
基于 Next.js + 火山引擎 AI 的电商素材智能生成工具实战——字节跳动前端训练营成果
javascript·人工智能·火山引擎
Java后端的Ai之路20 小时前
LangChain ReAct Agent 核心技术问答
前端·react.js·langchain
码喽7号21 小时前
Vue学习七:MockJs前端数据模拟
前端·vue.js·学习
NotFound48621 小时前
探究分享从对话到执行:OpenTiny NEXT 如何重塑前端智能化开发范式
前端
小满zs1 天前
Next.js精通SEO第二章(robots.txt + sitemap.xml)
前端·seo
kyriewen1 天前
你的首屏慢得像蜗牛?这6招让页面“秒开”
前端·面试·性能优化
算是难了1 天前
Nestjs学习总结_3
前端·typescript·node.js
RONIN1 天前
VUE开发环境配置基础(构建工具→单文件组件SFC→css预处理器sass→eslint)及安装脚手架
vue.js