我们对接口渲染数据的时候,经常会遇到后端返给我们数组中某个属性的格式跟我们想要的不一样,比如,我们渲染需要 小桥,中桥,大桥,返回的数组 分别用 1,2,3来表示小 中 大桥的
第一种方法呢就是 对数组进行遍历
if(item.xxx==1) {
item.xxx ='小桥'
}
第二种方法看如下代码:
<template>
<view>
<view v-for="(item,index) in arrList" :key="index">
<text>{{item.type}}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
arr111:[],
list:[],
arrList:[]
}
},
created() {
const arr = [
{ type: 1, name: '张三' },
{ type: 2, name: '李四' },
{ type: 3, name: '王五' },
]
var arr2 = [{type:'小桥'},{type:'中桥'},{type:'大桥'}]
arr.forEach((item,index)=>{
item.type = arr2[index].type
})
this.arrList = arr
},
methods: {
model(){
},
}
}
</script>
<style>
</style>