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

vue3 在element-plus表格使用render-header

在vue2中 element表格render-header 源码是有返回h()函数的
在这里插入图片描述
在vue3 element-plus 表格源码 render-header函数没有返回h函数了
在这里插入图片描述
所以需要用render-header方法中创建虚拟DOM节点的话需要引用h方法

<el-table-column header-align="right" align="right" :render-header="renderHeader"><el-table-column prop="week" label="日期"></el-table-column><el-table-column prop="name" label="项目"></el-table-column>
</el-table-column>
<script >
import { h } from 'vue';
export default {setup() {const renderHeader = ({ column, $index }) => {return h("div",{style:'position:relative;'},[h('span',{style:'color:#f56c6c;font-size:20px;'},'测试'),h('span',{style:'margin-left:10px;'},'1234')])}}
}</script>
http://www.lryc.cn/news/538737.html

相关文章:

  • 算法——结合实例了解Minimax算法(极小化极大算法)
  • 使用 DeepSeek 生成商城流程图
  • 什么是GraphQL?
  • Spring Boot 的约定优于配置,你的理解是什么?
  • C#开源大型商城系统之B2B2C+O2O一体化_OctShop
  • gitte远程仓库修改后,本地没有更新,本地与远程仓库不一致
  • 【对比】Pandas 和 Polars 的区别
  • el-input无法输入0.0001的小数,自动转换为0在vue3中的bug
  • Ubuntu 下 systemd 介绍
  • BERT文本分类(PyTorch和Transformers)畅用七个模型架构
  • 两步在 Vite 中配置 Tailwindcss
  • 【vmware虚拟机安装教程】
  • 文字转语音(三)FreeTTS实现
  • string类详解(上)
  • Visual Studio Code使用ai大模型编成
  • 外贸跨境订货系统流程设计、功能列表及源码输出
  • TraeAi上手体验
  • 深入解析 vLLM:高性能 LLM 服务框架的架构之美(一)原理与解析
  • thingboard告警信息格式美化
  • redis解决高并发看门狗策略
  • Python函数的函数名250217
  • Unity 获取独立显卡数量
  • JAVA生产环境(IDEA)排查死锁
  • 如何正确安装Stable Diffusion Web UI以及对应的xFormers
  • 机器学习_14 随机森林知识点总结
  • 机器学习基本篇
  • vue2.x与vue3.x生命周期的比较
  • 接口测试及常用接口测试工具(Postman/Jmeter)
  • [论文阅读] SeeSR: Towards Semantics-Aware Real-World Image Super-Resolution
  • Python实战进阶 No1: RESTful API - 基于Flask的实例说明