直播平台开发,element的表格横向展示数组如何实现
html:
<el-table
:data="dataNumberList"
border>
<el-table-column
:prop="item.state"
:label="item.name" v-for="(item,index) in dataNameList" :key="index" align="center">
</el-table-column>
</el-table>
js:
this.dataNameList.push({id:0,name:'日期',state:'name'})
let arr=[]
for(var i=1;i<31;i++){
//表头
let obj={
id:i,
name:String(i),
state:'name'+i
}
this.dataNameList.push(obj)
//值
let obj1=`{name${i}:${i*10}}`
let objA=eval("("+obj1+")")
arr.push(objA)
}
let newObj={}
arr.push({name:'基础客户数'})
for(var i=0;i<arr.length;i++){
newObj = { ...newObj, ...arr[i] }
}
this.dataNumberList.push(newObj)
以上就是 直播平台开发,element的表格横向展示数组如何实现,更多内容欢迎关注之后的文章323