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

在vue2中 element表格render-header 源码是有返回h()函数的

在vue3 element-plus 表格源码 render-header函数没有返回h函数了

所以需要用render-header方法中创建虚拟DOM节点的话需要引用h方法

javascript 复制代码
<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>
相关推荐
泯泷33 分钟前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
泯泷34 分钟前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
古夕1 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js
朦胧之1 小时前
页面白屏卡住排查方法
前端·javascript
Ruihong1 小时前
Vue withDefaults 转 React:VuReact 怎么处理?
vue.js·react.js·面试
犇驫聊AI2 小时前
Chrome DevTools MCP + Claude Code 自定义skills生成接口代码生成器
前端·javascript
kyriewen2 小时前
别再这样写 async/await 了:我在 Code Review 中见过最多的 8 个错误
前端·javascript·面试
稀土熊猫君3 小时前
一个人能做出什么开源项目?
vue.js·后端·开源
用户298698530147 小时前
在 React 中使用 JavaScript 将 Excel 转换为 SVG
前端·javascript·react.js
labixiong8 小时前
手写Promise--微任务、静态方法、async/await 全搞懂(三)
前端·javascript