码迷,mamicode.com
首页 > 其他好文 > 详细

vue elementUI table表格列动态渲染的案例

时间:2020-07-14 13:16:10      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:hang   index   temp   log   索引   head   style   渲染   display   

整个表格动态渲染的列 列数肯定要是同步的

tableHeader 变量取到动态渲染的列数数组

...
<el-table-column  :label="item" v-for="(item, index) in tableHeader" :key="index"> 
                   <template slot-scope="scope">
                      {{tableData[scope.$index].payTypeAmountList[index] | changeNumber}}元
                       
 </el-table-column>
            
...
scope.$index  同事也能取到表格行的index索引数值

如果需要自定义表头 用:render-header 函数去写就OK

https://blog.csdn.net/sinat_37255207/article/details/106696452

vue elementUI table表格列动态渲染的案例

标签:hang   index   temp   log   索引   head   style   渲染   display   

原文地址:https://www.cnblogs.com/tianmiaogongzuoshi/p/13298300.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!