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

el-table使用#header自定义表头后脱离响应式问题处理

 问题描述:当titleList的值进行筛选改变的时候#header里面的的数据并没有实时响应,如下面的代码

<el-table :data="newData" border style="width: 100%"><el-table-columnv-for="(day, index) in titleList" :key="day.date"width="600"align="center"><!-- 自定义表头,添加固定内容 --><template #header><div><div class="scale-100 flex"><div class="bor">旷</div><div class="bor">加</div></div><div class="scale-100 flex"><div class="bor">{{ day.absent }}</div><div class="bor">{{ day.actualOvertimeDay }}</div></div></div></template><!-- 的内容 --><template #default="scope"><div></div></template></el-table-column></el-table>

 解决办法:#header里的day.absent无法实时响应最新数据,但是titleList数据已经进行改变,所以day.absent可以替换为newDataTitle[index].absent实现数据绑定

<el-table :data="newData" border style="width: 100%"><el-table-columnv-for="(day, index) in titleList" :key="day.date"width="600"align="center"><!-- 自定义表头,添加固定内容 --><template #header><div><div class="scale-100 flex"><div class="bor">旷</div><div class="bor">加</div></div><div class="scale-100 flex"><div class="bor">{{ newDataTitle[index].absent }}</div><div class="bor">{{ newDataTitle[index].actualOvertimeDay }}</div></div></div></template><!-- 的内容 --><template #default="scope"><div></div></template></el-table-column></el-table>

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 设计模式学习[5]---装饰模式
  • 【C语言】编译原理
  • QMQTT在项目中的用法
  • 关于C++你应该知道的知识:C/C++内存管理
  • 【Python】正则表达式
  • python之异步任务
  • 数据结构与算法 第12天(排序)
  • python之对象间的关系
  • 14.2 k8s中我们都需要监控哪些组件
  • C#/.NET/.NET Core推荐学习路线文档文章
  • Linux新建虚拟机Ubuntu详解
  • Linux:软硬连接和动静态库
  • PhotoZoom9怎么样?图片模糊怎么办?
  • navigator.mediaDevices.getUserMedia检查用户的摄像头是否可用,虚拟摄像头问题
  • 基于MinerU的PDF解析API
  • [PHP内核探索]PHP中的哈希表
  • ComponentOne 2017 V2版本正式发布
  • Node + FFmpeg 实现Canvas动画导出视频
  • springMvc学习笔记(2)
  • 测试如何在敏捷团队中工作?
  • 分类模型——Logistics Regression
  • 给Prometheus造假数据的方法
  • 关于 Cirru Editor 存储格式
  • 模仿 Go Sort 排序接口实现的自定义排序
  • 如何抓住下一波零售风口?看RPA玩转零售自动化
  • 使用Gradle第一次构建Java程序
  • 使用Tinker来调试Laravel应用程序的数据以及使用Tinker一些总结
  • 如何在招聘中考核.NET架构师
  • # include “ “ 和 # include < >两者的区别
  • # Pytorch 中可以直接调用的Loss Functions总结:
  • $HTTP_POST_VARS['']和$_POST['']的区别
  • $redis-setphp_redis Set命令,php操作Redis Set函数介绍
  • (003)SlickEdit Unity的补全
  • (1)Map集合 (2)异常机制 (3)File类 (4)I/O流
  • (13)DroneCAN 适配器节点(一)
  • (3)(3.5) 遥测无线电区域条例
  • (4) PIVOT 和 UPIVOT 的使用
  • (第三期)书生大模型实战营——InternVL(冷笑话大师)部署微调实践
  • (定时器/计数器)中断系统(详解与使用)
  • (十八)三元表达式和列表解析
  • (原)Matlab的svmtrain和svmclassify
  • (转载)虚函数剖析
  • (自用)网络编程
  • .NET / MSBuild 扩展编译时什么时候用 BeforeTargets / AfterTargets 什么时候用 DependsOnTargets?
  • .net 连接达梦数据库开发环境部署
  • .NET/C# 项目如何优雅地设置条件编译符号?
  • .Net多线程Threading相关详解
  • /etc/motd and /etc/issue
  • ::before和::after 常见的用法
  • @EnableConfigurationProperties注解使用
  • @RequestMapping-占位符映射
  • [240607] Jina AI 发布多模态嵌入模型 | PHP 曝新漏洞 | TypeScript 5.5 RC 发布公告
  • [240812] X-CMD 发布 v0.4.5:更新 gtb、cd、chat、hashdir 模块功能
  • [Android]创建TabBar
  • [bug总结]: Feign调用GET请求找不到请求体实体类