银财网
vue2 ElementUI 表单标签、表格表头添加问号图标提示
创始人
2024-03-21 20:29:04
0次

文章目录

  • 1. 问题背景
  • 2. element-ui悬浮提示定义
  • 3. 基础
  • 4. 延申
  • 5. 参考

1. 问题背景

使用element-ui有时候需要对表格的表头、表单的标签进行自定义，添加问号的悬浮提示。

要达到的效果，如图所示：

在这里插入图片描述
在这里插入图片描述

2. element-ui悬浮提示定义

https://element.eleme.cn/#/zh-CN/component/tooltip



Dark

在这里插入图片描述

3. 基础

  1. 定义问号图标，图标上方显示tooltip提示内容

代码：



Tips: 提示的内容

实现效果：
在这里插入图片描述

  1. 为什么不写content属性和里面的提示内容也能显示？

官网明确定义了↓↓↓

在这里插入图片描述

通过slot插槽完成content内容的定义，如上面代码 div 里面的内容：一定要注意插槽的使用方式，未定义的插槽不能使用哦！

 
Tips: 提示的内容

4. 延申

  1. 自定义表单标签的label，显示问号提示信息

代码：

实现效果：

在这里插入图片描述

使用的插槽：

在这里插入图片描述

https://element.eleme.cn/#/zh-CN/component/form

  1. 自定义表格表头提示信息，显示问号提示信息

代码：

实现效果：
在这里插入图片描述

使用的插槽：
在这里插入图片描述

https://element.eleme.cn/#/zh-CN/component/table

注意！！！

以tooltip提示代码为基础，使用各标签支持的 slot（插槽） 哪里需要哪里插。

5. 参考

  • VUE系列之element表单el-form-item自定义label
  • el-table表格怎么在表头的某项添加提示信息
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇： 我来教教大家“传送屋激k可以开挂吗”!(真的确实是有挂)-知乎

下一篇：记者：皇家社会中场梅里诺可能考虑离队，多家俱乐部对他感兴趣

相关内容

热门资讯

汽车油箱结构是什么（汽车油箱结... 本篇文章极速百科给大家谈谈汽车油箱结构是什么，以及汽车油箱结构原理图解对应的知识点，希望对各位有所帮...
美国2年期国债收益率上涨15个... 原标题：美国2年期国债收益率上涨15个基点 美国2年期国债收益率上涨15个基...
嵌入式 ADC使用手册完整版 ... 嵌入式 ADC使用手册完整版 （188977万字）💜&#...
重大消息战皇大厅开挂是真的吗... 您好：战皇大厅这款游戏可以开挂，确实是有挂的，需要了解加客服微信【8435338】很多玩家在这款游戏...
盘点十款牵手跑胡子为什么一直... 您好：牵手跑胡子这款游戏可以开挂，确实是有挂的，需要了解加客服微信【8435338】很多玩家在这款游...
senator香烟多少一盒（s... 今天给各位分享senator香烟多少一盒的知识，其中也会对sevebstars香烟进行解释，如果能碰...
终于懂了新荣耀斗牛真的有挂吗... 您好：新荣耀斗牛这款游戏可以开挂，确实是有挂的，需要了解加客服微信8435338】很多玩家在这款游戏...
盘点十款明星麻将到底有没有挂... 您好：明星麻将这款游戏可以开挂，确实是有挂的，需要了解加客服微信【5848499】很多玩家在这款游戏...
总结文章“新道游棋牌有透视挂吗... 您好：新道游棋牌这款游戏可以开挂，确实是有挂的，需要了解加客服微信【7682267】很多玩家在这款游...
终于懂了手机麻将到底有没有挂... 您好：手机麻将这款游戏可以开挂，确实是有挂的，需要了解加客服微信【8435338】很多玩家在这款游戏...