search

haizlin / fe-interview

前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上5点纯手工发布面试题（死磕自己，愉悦大家），6000+道前端面试题全面覆盖，HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.32k stars 3.25k forks source link

[vue] ElementUI表格组件如何实现动态表头？ #398

Open haizhilin2013 opened 5 years ago

haizhilin2013 commented 5 years ago

[vue] ElementUI表格组件如何实现动态表头？

wenyejie commented 5 years ago

收集到子组件的依赖, 并实施watch, v-for生成.

PS: 没研究过他的源码, 主观臆想, 大概是这样

forever-z-133 commented 5 years ago

使用自定义表头，即 <el-table-column> 中传入自定义 slot。 表头整体结构变化则得自己 v-for 表头配置拼 <el-table-column> 重绘

tustzdm commented 4 years ago

`` 不用template包裹也行

Bob-huang-gdut commented 4 years ago

table头部自定义 使用el-table-column中的：render-header 里面的处理用 render函数渲染 table头部对应的data数据自定义 使用Vue插槽：scopedSlot属性