我們對接口渲染數據的時候,經常會遇到后端返給我們數組中某個屬性的格式跟我們想要的不一樣,比如,我們渲染需要 小橋,中橋,大橋,返回的數組 分別用 1,2,3來表示小 中 大橋的
第一種方法呢就是 對數組進行遍歷文章來源:http://www.zghlxwxcb.cn/news/detail-530290.html
if(item.xxx==1) {
item.xxx ='小橋'
}?
第二種方法看如下代碼:?文章來源地址http://www.zghlxwxcb.cn/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模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!