老师el-ui中table组件的问题

来源：14-1 课程总结

帅得无心敲代码

2021-09-07

老师。就是这个table-column组件。是怎么做到渲染一列数据的。 tr td 使用都是一行一行的渲染数据呀？看源码也看不到是什么原理。老师知道能说说吗？感谢。

写回答

1回答

张轩

2021-09-08

同学你好这个组件很复杂如果你想弄懂的话一定要借助图表或者流程图将步骤写下来

这行在循环渲染一个 tbody 中 wrappedRowRender 这个方法

基本就是两层嵌套渲染 tr 以及 tr 中的 td。

特别注意它将全局的数据都保存在一个叫 store 的变量中，你说的一列列 column 数据也在其中 https://gitee.com/element-plus/element-plus/blob/dev/packages/components/table/src/table.vue#L311

帅得无心敲代码

老师这个全是render函数写的。看着好吃力哦。但是我大致的渲染逻辑我是知道了。我现在自己写了一个简单的递归树型表格组件，能正常的递归渲染数据。但是slot要报类型错误。这个怎么解决呀？我懵了。我发一篇提问帖您能看下吗？

2021-09-08

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

回答 3

回答 1

回答 1

回答 2

回答 1