Map的高级用法:往里面增加新的key和value

87 阅读1分钟

后端返回的data里面没有图片

  • 后端返回的数据里面,只有name、num 和rent
  • 缺少一个展示图片的数据,先给他命名为imgSrc;

image.png

如何从前面获取这个值,然后送到data里面去

  • 首先我们先引入三张图片;
import tu1 from './assets/img/tu1.png'
import tu2 from './assets/img/tu2.png'
import tu3 from './assets/img/tu3.png'
import tu4 from './assets/img/tu4.png'
  • 把这四张图片放到一个集合里面;
const imgs = [tu1, tu2, tu3, tu4]
  • 在哪里放进去是个问题,原则是在哪里用到就在哪里写;
  • 上面的data是从接口里面获取的,
  • 所以这四张图片,也在这个接口里面进行赋值;
async getEnterpise() {
	 const { data } = await enterpriseOverview()
	 const imgs = [tu1, tu2, tu3, tu4]
	 this.enterprises = data.map((item, index) => {
		 item.imgSrc = imgs[index]
		 return item
		})
	},

成功的把图片塞进去了

image.png