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>
相关推荐
king王一帅10 小时前
Incremark Solid 版本上线:Vue/React/Svelte/Solid 四大框架,统一体验
前端·javascript·人工智能
Nan_Shu_61417 小时前
学习: Threejs (1)
javascript·学习
Van_Moonlight17 小时前
RN for OpenHarmony 实战 TodoList 项目:加载状态 Loading
javascript·开源·harmonyos
qq_4061761418 小时前
关于JavaScript中的filter方法
开发语言·前端·javascript·ajax·原型模式
@@小旭18 小时前
实现头部Sticky 粘性布局,并且点击菜单滑动到相应位置
前端·javascript·css
Van_captain19 小时前
rn_for_openharmony常用组件_Divider分割线
javascript·开源·harmonyos
Yanni4Night20 小时前
Parcel 作者:如何用静态Hermes把JavaScript编译成C语言
前端·javascript·rust
天意pt20 小时前
Blog-SSR 系统操作手册(v1.0.0)
前端·vue.js·redis·mysql·docker·node.js·express
遇见~未来20 小时前
JavaScript构造函数与Class终极指南
开发语言·javascript·原型模式
清风ai明月20 小时前
在vue3中Promise是什么
vue.js