我们正在将Firebase和vue.js用于网络应用。网络应用程序应该检索照片'网址(可以是任意数量的照片),以及它们的描述和位置。
我们设法检索照片'网址,他们的描述,但不是他们的位置。
数据库结构如下:
JS:
db.ref('photos/' + owneruid + '/trips/' + tripuid).once('value').then(snap => {
var photos = snap.val()
for (var key in photos) {
console.log(key)
this.photos.push(photos[key])
}
this.photosDataIsReady = true
HTML:
<li v-for="photo in photos" v-if="photosDataIsReady === true">
<img v-bind:src="photo.photourl" />
<span class="photo-desc">{{photo.desc}}</span>
{{photo.location.coord}}
</li>
这是控制台输出:
所以基本上它只检索第一张照片的gps坐标,但不检索其他照片的gps坐标。
编辑:实际上问题来自于一些照片没有设置任何位置的事实。孩子的位置&#34;不存在:那么我们如何循环遍历位置,并忽略它何时不存在以便循环仍然继续?