2017-01-20 5 views
1

Ich benutze Firebase, um die Datenbank zu speichern, und habe ein Objekt currentWeek mit einem Wert aus der aktuellen Woche.Wie json Wert zu Variable in Vue.js zuweisen?

Ich möchte den Wert dieses Objekts in einer Variablen speichern, um es aufzurufen.

Derzeit ist dies Ich bin mit der aktuellen Woche zu bekommen, aber ich mag die aktuelle Woche aus der Datenbank erhalten:

<template> 
    <div id="app"> 
     <div v-if="ligler[1]"> 
     <h3>{{ligler[1].weeks[currentWeek].day}}</h3> 
    </div> 
</template> 

<script> 
import Firebase from 'firebase' 

let config = { 
    apiKey: "xxxx", 
    authDomain: "xxx.firebaseapp.com", 
    databaseURL: "https://xxx.firebaseio.com" 
} 

let app = Firebase.initializeApp(config); 
let db = app.database(); 

let ligRef = db.ref('ligler'); 

export default { 
    name: 'app', 
    firebase: { 
    ligler: ligRef 
    }, 
    data() { 
     return { 
     currentWeek: 18 
     } 
    } 
} 
</script> 

Ich versuche dies, aber es funktioniert nicht:

data() { 
     return { 
     currentWeek: ligler[1].currentWeek 
     } 
    } 

Die Datenbank wie folgt aussehen:

The database look like

Wie kann ich ass Ign der Wert von currentWeek auf eine Variable in vue.js? Um es im Code als [currentWeek] zu verwenden:

<h3>{{ligler[1].weeks[currentWeek].day}}</h3> 
+0

Geben Sie einen Versuch, vuefire Plugin – AldoRomo88

+0

Ich werde es versuchen, aber ich habe jetzt eine Lösung. Ich füge den Objektwert zwischen dem [] hinzu und es funktioniert! – Can

Antwort

0

ich eine Lösung habe, füge ich den Objektwert zwischen dem [] und es funktioniert !!!

ligler[1].weeks[ligler[1].currentWeek].day 
Verwandte Themen