如何將json值賦值給Vue.js中的變量？

我使用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 
     } 
    }

數據庫的樣子：

我怎樣才能屁股將currentWeek的值設置爲vue.js中的變量？要在代碼中使用它作爲[currentWeek]：

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

來源

2017-01-20 Can

試試vuefire插件 – AldoRomo88

我會試試，但我現在有一個解決方案。我在[]之間添加對象值，它起作用！ – Can

我有一個解決方案，我想補充的[]和它的工作對象的值！

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

來源

2017-01-20 21:49:10 Can

如何將json值賦值給Vue.js中的變量？

回答

相關問題