res.data.rows数据如下图显示,但是u-swiper需要单个属性的一列值比如图片或者连接用于轮播图等
我们需要使用res.data.rows.map(element=>element.具体属性名)拿到一列值
this.bannerList = res.data.rows.map(element => element.bannerImg);
数组定义
前端请求
页面使用效果显示
扩展map()需要抽取多列,可以使用
this.list =res.data.rows.map(row => ({
column1Value: row.column1,
column2Value: row.column2
}));//list数组存储新的数据
举例:
我们需要抽出allName和allImg两列值进行存储到新的数组allBookList里
原来的数据
抽取后的数据