直播平台开发,element的表格横向展示数组如何实现

发布时间 2023-07-18 14:06:56作者: 云豹科技-苏凌霄

直播平台开发,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