在写数字大屏需要用到轮播表,轮播表的数据data类型是这样的
但是后端传给我的数据是这样的
因为某些原因后端无法更改, 所以我需要把数据变成这样才行
html部分
<dv-scroll-board id="chart-table" :config="config" :rowNum=120 />
JS部分
export default{
data(){
return{
headerData: ['列表1', '列表2', '列表3'],
listData: [],
config: {},
}
created () { this.getList(); },
methods:{
getList(){ equipmentNumByYear().then((res)=>{ if (res.code ==200){ //建立大数组 let jsonArr = []; //遍历里面的value值,并传入小数组 for (let i = 0; i <res.data.length; i++) { let newJsonArr = []; newJsonArr.push(res.data[i].dtcName) newJsonArr.push(res.data[i].eqmNumber) newJsonArr.push(res.data[i].number) //遍历的小数组加入大数组 jsonArr.push(newJsonArr); } this.listData = jsonArr
this.config= { data: this.listData, // 表数据 header: this.headerData, // 表头数据 align: 'center', headerBGC: 'rgba(34,143,254,0.20)', oddRowBGC: '', evenRowBGC: '', rowNum: 6, columWidth: [1000, 50, 50], hoverStop: true, waitTime:1000, }
}
}
这样就完成了,放一张成图