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>
相关推荐
昵称暂无113 分钟前
.NET 高级开发 | i18n 原理、实现一个 i18n 框架
javascript·c#·.net
h_jQuery29 分钟前
vue使用gm-crypto对数据进行sm4加密处理
前端·javascript·vue.js
阿赛工作室1 小时前
Vue中onBeforeUnmount不触发的解决方案
前端·javascript·vue.js
浩星1 小时前
electron系列1:Electron不是玩具,为什么桌面应用需要它?
前端·javascript·electron
_院长大人_2 小时前
Vue + ECharts 实现价格趋势分析图
前端·vue.js·echarts
疯笔码良2 小时前
【Vue】自适应布局
javascript·vue.js·css3
浩星2 小时前
electron系列2:搭建专业Electron开发环境
javascript·typescript·electron
酒鼎3 小时前
学习笔记(12-02)事件循环 - 实战案例 —⭐
前端·javascript
小恰学逆向3 小时前
【爬虫JS逆向之旅】某球网参数“md5__1038”逆向
javascript·爬虫
竹林8183 小时前
从“连接失败”到丝滑登录:我用 ethers.js v6 搞定 MetaMask 钱包连接的全过程
前端·javascript