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;

}

}

相关推荐
阿东在coding1 天前
Flutter 测试框架对比指南
前端
李瑞丰_liruifengv1 天前
Claude Agent SDK 最简玩法:几行代码配合 Markdown 轻松搭建 Agent
javascript·人工智能·程序员
是李嘉图呀1 天前
npm推送包失败需要Two-factor权限认证问题解决
前端
自己记录_理解更深刻1 天前
本地完成「新建 GitHub 仓库 react-ts-demo → 关联本地 React+TS 项目 → 提交初始代码」的完整操作流程
前端
借个火er1 天前
Chrome 插件开发实战:5 分钟上手 + 原理深度解析
前端
攀登的牵牛花1 天前
前端向架构突围系列 - 架构方法(一):概述 4+1 视图模型
前端·设计模式·架构
Hashan1 天前
Vue 3 中 v-for 动态组件 ref 收集失败问题排查与解决
前端·vue.js·前端框架
bobringtheboys1 天前
[el-tag]使用多个el-tag,自动判断内容是否超出
前端·javascript·vue.js
ccccc__1 天前
基于vue3完成领域模型架构建设
前端