当前位置: 首页 > news >正文

element ui-表头自定义提示框

  • 版本
    “element-ui”: “^2.15.5”,
  • 需求:鼠标悬浮到该列表头,显示提示框
  • 代码
	<el-table:data="xxxx"><el-table-column  label="序号" width="40" type="index"  /><el-table-columnv-for="(item) in xx2":key="item.prop":prop="item.prop":label="item.lable">// 表身插槽<template slot-scope="scope"><divv-if="scope.column.label !== 'xxx'">{{scope.row[scope.column.property] ? scope.row[scope.column.property] : '无'}}</div><div v-else><el-switchv-if="scope.column.label === '是否入伍'"v-model="scope.row[scope.column.property]"@change="changeSwitch(scope.column,scope.row,scope.$index)"active-text="是"inactive-text="否"active-value=1inactive-value=0></el-switch></div></template>//  表头插槽<template slot="header" slot-scope="scope"><span v-if="item.prop!='xxA'">{{ scope.column.label }}</span>// prop等于xxA 的有提示框<el-tooltip v-else  effect="dark" content="你想提示的弹框信息字段" placement="top"><span>{{ scope.column.label }}</span></el-tooltip></template></el-table-column></el-table>
http://www.lryc.cn/news/170573.html

相关文章:

  • Python 图形化界面基础篇:创建顶部菜单
  • java实现十大排序算法
  • Linux日志管理-logrotate(crontab定时任务、Ceph日志转储)
  • 用PHP异步协程控制python爬虫脚本,实现多协程分布式爬取
  • VUE3写后台管理(3)
  • 机器学习笔记之最优化理论与算法(十二)无约束优化问题——共轭梯度法
  • JVM中的java同步互斥工具应用演示及设计分析
  • 数据治理-数据质量
  • [sqoop]hive3.1.2 hadoop3.1.1安装sqoop1.4.7
  • js事件的详细介绍
  • 虚幻4学习笔记(12)操控导入的角色、动画蓝图、播放蒙太奇和打包、角色重定向
  • hive with tez:无法从链中的任何提供者加载aws凭据
  • Ubuntu修改静态IP、网关和DNS的方法总结
  • Eureka服务器注册
  • Windows安装GPU版本的pytorch详细教程
  • 理解Kruskal算法的前提----深入理解并查集【超简单~】
  • Jenkins+Gitee+Docker+Ruoyi项目前后端分离部署
  • 笙默考试管理系统-MyExamTest----codemirror(23)
  • 重学Java (一) 泛型
  • Docker 部署 Redis 服务
  • 阿里云产品试用系列-负载均衡 SLB
  • drf 对象级权限
  • 八大排序(二)--------冒泡排序
  • SmartSQL 一款开源的数据库文档管理工具
  • 代码随想录算法训练营第56天 | ● 583. 两个字符串的删除操作 ● 72. 编辑距离 ● 动态规划之编辑距离总结篇
  • 矩阵 m * M = c
  • Linux——IO
  • svn(乌龟svn)和SVN-VS2022插件(visualsvn) 下载
  • 开源日报 0824 | 构建UI组件和页面的前端工作坊
  • 福建三明大型工程机械3D扫描工程零件三维建模逆向抄数-CASAIM中科广电