2017-01-20 12 views
1

私はFirebaseを使用してデータベースを保存し、現在の週に値を持たないオブジェクトcurrentWeekを持っています。Vue.jsで変数にjson値を割り当てる方法は?

このオブジェクトの値を変数に格納して呼び出す必要があります。現在

私は現在の週を取得し、これを使用していますが、私は、データベースから現在の週を取得したい:

<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> 

私はこれを試してみましたが、それは動作しません:

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

のようなデータベースを見て:

私はお尻にはどうすればよい

The database look like

vue.jsの変数にcurrentWeekの値を書き込みますか? [currentWeek]ように、コードでそれを使用するには:私は解決策を持っている

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

vuefireプラグインを試してみてください – AldoRomo88

+0

私は試してみますが、私は今解決しています。私はオブジェクトの値を[]との間に追加します。 – Can

答えて

0

、私は[]の間でのオブジェクトの値を追加し、それが動作します!!!

ligler[1].weeks[ligler[1].currentWeek].day 
関連する問題