用uniapp将后端传输的12个图片以二维数组的方式接收但是要保证数据结构不发生变化
时间: 2023-12-10 13:39:47 浏览: 39
首先,你需要在后端将这12个图片压缩为一个二维数组,例如:[[img1, img2, img3], [img4, img5, img6], [img7, img8, img9], [img10, img11, img12]]。
然后,在前端使用uniapp接收数据时,可以将这个二维数组直接赋值给需要接收的变量。例如:
```javascript
// 假设接口返回的数据为 data
let data = [[img1, img2, img3], [img4, img5, img6], [img7, img8, img9], [img10, img11, img12]]
// 直接将数据赋值给变量
this.imgList = data;
```
这样就可以保证数据结构不发生变化了。在模板中可以使用 `v-for` 指令循环渲染图片列表。例如:
```html
<template>
<div>
<div v-for="(row, rowIndex) in imgList" :key="rowIndex">
<div v-for="(img, imgIndex) in row" :key="imgIndex">
<img :src="img" />
</div>
</div>
</div>
</template>
```