亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 Vue.js 中顯示 Firebase 數組項

如何在 Vue.js 中顯示 Firebase 數組項

慕勒3428872 2021-10-07 10:34:01
我正在構建一個 Vue.js 應用程序,它使用戶能夠將項目添加到已在 Firebase 文檔中設置的數組中。將項目添加到數據庫中的數組的函數工作正常。我想將數組中的項目作為屏幕上的列表項目返回。然而,目前整個數組容器返回到屏幕。如何重新設置樣式,以便數組項在沒有容器的情況下很好地呈現為列表項?最好使用 Vuetify。謝謝!模板<v-list class="elevation-1">  <v-list-tile-content v-for="user in this.$store.getters.getUsers" :key="user.id" >    <v-list-tile>      {{ user.events }}    </v-list-tile>  </v-list-tile-content></v-list>方法    async addInput () {      let finalInput = this.newInput      let ref = await db.collection('users').where('user_id', '==', firebase.auth().currentUser.uid)      .get()      .then(function(querySnapshot) {        querySnapshot.forEach(function(doc) {          console.log(doc.id, " => ", doc.data());          doc.ref.update({'events': firebase.firestore.FieldValue.arrayUnion(finalInput)})        })      })      .catch(function(error) {        console.log("Error getting documents: ", error);      });    }
查看完整描述

2 回答

  • 2 回答
  • 0 關注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號