后端传过来的图片地址是以逗号分割的，如何循环到页面

分类：uni-app

后端传过来的图片地址是以逗号分割的，我要在列表页显示第一张图片了，然后详情页要全部显示图片，该怎么做？

2021-02-02 11:33 负责人:无分享

2 个回复

小菜啊 - 业精于勤荒于嬉

var str = 后端图片地址
var imgArr=str.split(",")
imgArr[0]是第一张，imgArr是图片路径的数组

1***@qq.com

1.在列表页显示第一张照片

 success(res) {  
        const map = res.data.data.tsnfReleaseNewsfoodList.map((item) => {  
          return item.releaseImage.split(',')[0]  
        })  
        res.data.data.tsnfReleaseNewsfoodList.forEach((item, index) => {  
          item['image'] = map[index]  
        })  
        that.setData({  
          NewsfoodList: res.data.data.tsnfReleaseNewsfoodList  
        })  
      }

首先把所有数组里的第一张图片用map()方法单独拿出来做一个新数组
然后把新数组里的值按次序添加进后端返回的数据里,
然后把值存起来用就可以了
2.详情页显示全部照片,
..................(简单的就不写了)

1***@qq.com

记得把that 改成this

2021-05-24 17:24

该问题目前已经被锁定, 无法添加新回复

后端传过来的图片地址是以逗号分割的，如何循环到页面

2 个回复

公告

相关问题

后端传过来的图片地址是以逗号分割的，如何循环到页面

与内容相关的链接

2 个回复

公告

相关问题