如何将 json 值赋给 Vue.js 中的变量？

Question

我使用 Firebase 来存储数据库，并且有一个对象 currentWeek，其值是当前周。

我想把这个对象的值存储在一个变量中以便调用它。

目前我正在使用它来获取当前周，但我想从数据库中获取当前周：

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

Answer 1

我有一个解决方案，我在 [] 之间添加了对象值，它起作用了！！！

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

如何将 json 值赋给 Vue.js 中的变量？

How to assign json value to variable in Vue.js?

javascript

json

vue.js

firebase-realtime-database

vuejs2