世界上最簡單的vue.js/vuefire/firebase應用程序。但無法讀取值

Vue.js對於sql程序員來說是一種生活方式的改變，但是到達那裏。在這裏我使用vuefire按照規格，甚至手動插入我的一個記錄，一個字段Firebase DB中的正確密鑰來測試它。但看不到任何回報或顯示。世界上最簡單的vue.js/vuefire/firebase應用程序。但無法讀取值

愛知道該怎麼做！並填寫我的一個價值形式。從那裏，我確信天空的極限。謝謝你的幫助。

錯誤消息：vue.common.js e881：481 [Vue的警告]：錯誤在安裝鉤：「的ReferenceError：residentsArray沒有定義」

<template> 

    <div class="edit"> 

    <div class="container"> 
     <p style="margin-bottom:10px;font-weight:800;">EDIT RECORD</p><br> 

     <form id="form" v-on:submit.prevent="updateResident"> 

     <fieldset class="form-group"> 
      <label for="first_name">Name</label> 
      <input type="text" class="form-control" id="first_name" name="first_name" v-model="currentResident.name"> 
     </fieldset> 

     <input type="submit" class="btn btn-primary" value="Add New Resident"> 
     </form> 

    </div> 

    </div> 

</template> 

    <script> 

    import firebase from 'firebase' 

    let editConfig = { 
    apiKey: "123456789", 
    authDomain: "myapp.firebaseapp.com", 
    databaseURL: "https://myapp.firebaseio.com", 
    projectId: "my", 
    storageBucket: "myapp.appspot.com", 
    messagingSenderId: "1234567890" 
    }; 

    var firebaseApp = firebase.initializeApp(editConfig, "Edit") 
    var db = firebaseApp.database() 

    let residentsReference = db.ref('residents') 

    export default { 
    name: 'Edit', 
    mounted() { 
     this.currentResident.name = residentsArray.name; 
    }, 
    firebase: { 
     residentsArray: residentsReference.child('-KpzkbA6G4XvEHHMb9H0') 
    }, 
    data() { 
     return { 
     currentResident: { 
      name: '' 
     } 
     } 
    }, 
    methods: { 
     updateResident: function() { 
     // Update record here 
     } 
    } 
    } 
</script>

來源

2017-07-27 Edward Potter

如果你的Firebase不是很大/敏感，你有導出Firebase嗎？ – Bert

嗨，如果我今天不解決它。我會在網上發帖。它肯定是一件簡單的事情。類似的問題在這裏： https://stackoverflow.com/questions/44995450/vue-js-2-with-firebase-crud-example?rq=1 –

如果你把'console.log（this。$ firebaseRefs.residentsArray ）'作爲'掛載'的第一行，它是如何記錄的？ – thanksd

你應該在你改變residentsArray.name到鉤。

還有一件事：你不需要mounted這個。我只是做一個computed爲此返回this.residentsArray.name。有了這個，你不會有任何綁定問題。

來源

2017-08-30 09:54:29 sandrooco

從上vuefire Github上讀取README，它看起來像你需要通過this.$firebaseRefs指你firebase對象的屬性：

mounted() { 
    this.currentResident.name = this.$firebaseRefs.residentsArray.name; 
},

來源

2017-07-27 17:46:46 thanksd

給它一個嘗試，不工作。錯誤：「ReferenceError：currentResident沒有定義」似乎定義給我。但至少第一個錯誤消息已經消失。 –

你確定你引用'this.currentResident'而不只是'currentResident'嗎？ – thanksd

this.currentResident.name = this。$ firebaseRefs.residentsArray.name; console.log（「this.currentResident.name」，this.currentResident.name） > Edit.vue？abe2：130 this.currentResident。名稱undefined –

世界上最簡單的vue.js/vuefire/firebase應用程序。但無法讀取值

回答

相關問題