element表单el-form-item自定义label

最新推荐文章于 2025-03-24 17:14:49 发布

biubiu学习日记

最新推荐文章于 2025-03-24 17:14:49 发布

阅读量1.6w

点赞数 4

分类专栏：前端知识 element-ui实例

本文链接：https://blog.youkuaiyun.com/m0_49014616/article/details/111519884

版权

element-ui实例同时被 2 个专栏收录

5 篇文章

订阅专栏

前端知识

3 篇文章

订阅专栏

本文介绍了一种在表单输入项中添加自定义提示信息的方法。通过使用slot=label属性，可以在表单项旁边添加提示图标及多行提示文字，增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里要加提示，所以自定义label，加了问号的提示
效果图：在这里插入图片描述

    <co-form-item label="姓名" prop="name">
       <span slot="label" >
          姓名
          <co-tooltip placement="top" >
             <div slot="content">
                 第一行信息<br />
                 第二行信息 
             </div>
             <i class="co-icon-question"></i>
          </co-tooltip>
       </span >
       <co-input v-model="form.name"></co-input>
    </co-form-item>