vueelementUItable表格列动态渲染的案例整个表格动态渲染的列
不管业务需求是怎么样的，表格列数肯定要是同步的，
tableHeader 变量取到动态渲染的列数数组（我⽤的table[0]项数据）
...
data() {
return {
tableData:[],
tableHeader:[],
}
}
...
/
/http请求到时候渲染表格的所有动态列都是同步的所以就按照第⼀项来
this.tableHeader=this.tableData[0].demoArr;
...
...
<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>
...
react router 和vue routerscope.$index  同事也能取到表格⾏的index索引数值
如果需要Table⾃定义表头⽤:render-header 的h函数去写就OK
官⽅链接

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。