绑定轮播图首先要明确官方文档的要求
其次,就是要确定data中的name和value怎么绑定了,根据别的博主的经验,再结合我自己的经验,大概总结了一下思路:
- 新建一个集合对象,var li = [];
- 新建一个对象,var el = {};
- 明确对象是和config对应,所以要有两个部分,一个是name,另一个是value
- 获取要绑定的数据的大小,构建一个循环,用对象里的name去获取要展示数据字段,用value获取要展示字段想要要展示的数值,这个循环的构建有好几种写法,用的用map相关的方法,有的用rows有关的方法(本人对这个都不知甚解,但是这些方法在我电脑上都没发运行,所以只能用最后一个方法),最后就是用for循环采用最简单的方法,一个个遍历res的数据里的字段,并复制到el对象,然后讲获取的对象放入集合中
- 最后将集合和config相匹配即可
将代码附上:
var newArr = [];
for(let i=0; i<res.data.data.length; i++){
// console.log(sevm);
// console.log(newArr);
var sevm ={};
sevm['name']= res.data.data[i].name;
sevm['value']= res.data.data[i].times;
newArr.push(sevm);
// console.log(sevm);
// console.log(newArr);
// console.log("sha")
}
// console.log("newarr",newArr);
this.config3={data:newArr};
最后也得到轮播表啦,如图:
最后的最后:
大家在做东西的时候,当发现有好几个不同的方法并且自己一个都运行不通时,也不要慌张,这个时候就是天将降大任于斯人也,要好好思考,多多调试,说不定就能找到方法了。
一定要自己动手调试和动脑思考呀!!!与君共勉。