主页 > 软件开发  > 

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

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>
标签:

vue3在element-plus表格使用render-header由讯客互联软件开发栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“vue3在element-plus表格使用render-header