我们对接口渲染数据的时候，经常会遇到后端返给我们数组中某个属性的格式跟我们想要的不一样，比如，我们渲染需要 小桥，中桥，大桥，返回的数组 分别用 1，2，3来表示小 中 大桥的
第一种方法呢就是 对数组进行遍历文章来源：https://www.toymoban.com/news/detail-530290.html
if(item.xxx==1) {
item.xxx ='小桥'
} 第二种方法看如下代码： 文章来源地址https://www.toymoban.com/news/detail-530290.html
<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>
到了这里，关于js修改对象数组中其中某一项属性值（转换格式）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
