2017-01-20 22 views
1

我使用Firebase存储数据库,并且有一个currentWeek对象,其值为当前星期。如何将json值赋值给Vue.js中的变量?

我想将这个对象的值存储在一个变量中来调用它。

目前我使用这个来得到当前一周,但我想从数据库中获取当前周:

<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

我怎样才能屁股将currentWeek的值设置为vue.js中的变量?要在代码中使用它作为[currentWeek]

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

试试vuefire插件 – AldoRomo88

+0

我会试试,但我现在有一个解决方案。我在[]之间添加对象值,它起作用! – Can

回答

0

我有一个解决方案,我想补充的[]和它的工作对象的值!

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