首頁猿問 vue...

vue 中v-for怎么遍歷對(duì)象中的數(shù)組?

德瑪西亞99 2018-07-05 15:22:56

在地圖開發(fā)中遇到個(gè)問題,覆蓋物啥的都有X和Y組成的坐標(biāo)點(diǎn),拿到后臺(tái)數(shù)據(jù)最后解析成2個(gè)數(shù)組,想要?jiǎng)討B(tài)生成但坐標(biāo)系有兩個(gè)值,一個(gè)標(biāo)簽只能有一個(gè)v-for我嘗試過在外層嵌套個(gè)div先遍歷一個(gè)div,里面再循環(huán)遍歷一個(gè)單這樣貌似變2倍了 <gmap-marker v-for="(item,index) in positions" :key='index' :position="{lat:Number(item.lat),lng:Number(item.lon)}"> </gmap-marker>data () {return { position: [], positions: { lat: [], lon: [] }, } }, this.position = reponse.data.data; this.position.forEach(ele => { this.positions.lat.push(ele.lat); this.positions.lon.push(ele.lon); })我希望能把2個(gè)數(shù)組,一個(gè)v-for就循環(huán)出來,麻煩了

查看完整描述

1 回答

蝴蝶刀刀

TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超8個(gè)贊

[{x: '', y: ''},{x: '', y: ''}]

數(shù)據(jù)弄成這種格式

let lat = [] //經(jīng)度數(shù)組let 
we = [] //緯度數(shù)組  lat和we數(shù)組長(zhǎng)度一樣
let newArr = []
for(var i;i<lat.length;i++){
    let item = {}
    item.x = lat[i];
    item.y = we[i];    
    newArr.push(item)
}
console.log(newArr)

反對(duì) 回復(fù) 2018-07-14