我有具有这种树结构的 Firebase 数据库。
我使用 vue-fire 循环访问数据库。我想在 name 属性中检索“CantFindMe”值。我的文件如下所示:
// Dashboard.vue
<template>
<div class="">
<ul>
<li v-for="personName in names" v-bind:key="personName['.key']">
<div v-if="!personName.edit">
<p>{{ personName.forms.step1 }}</p>
</div>
</li>
</ul>
</div>
</template>
<script>
import { namesRef} from '../firebase.js'
export default {
name: 'app',
data () {
return {
name: ''
}
},
firebase: {
names: namesRef
}
}
</script>
// Firebase.js
{ The usual firebase config }
{...}
export const firebaseApp = firebase.initializeApp(config)
export const db = firebaseApp.database()
export const namesRef = db.ref('names')
我设法读取了对象: { "-KxrySGBHgLvw_lPPdRA": { "edit": false, "name": "CantFindMe" } }
但是当我尝试在“.step1”之后添加“.name”时,应该返回“CantFindMe”,我什么也没得到/空白。
如何使用 VueJs 获取 name 属性以返回“CantFindMe”?