js 数据处理 (两个接口数据一一对应)
// 说明:接口返回一个数据,格式是arr2,我们在页面上循环的是也是arr2,但是我们不直接展示arr2这个数组的type值,而是用这个数组去与另一个接口返回的数组arr1作对应, // 如果arr2的type值和arr1的value值相同,那么页面就展示arr1的label值,如果对应不上,就展示arr2的type值。
代码
html:
<li v-for="(item,index) in arr2" :key="index">{{item.type}}</li>
js: var arr1=[ {label:"纸质发票",value:1}, {label:"电子发票",value:2}, {label:"专用发票",value:3}, ], var arr2 = [ {type:1}, {type:1}, {type:3}, {type:1}, {type:0}, ] arr2.map((item2, index2) => { arr1.map(item1 => { if (item2.type == item1.value) { arr2[index2].type = item1.label } }); });
效果