第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

Javascript/Vue js/Firestore: innerHTML 為空，但它在第一次工作

Javascript/Vue js/Firestore: innerHTML 為空，但它在第一次工作

慕神8447489 2023-03-18 17:03:52
我正在處理自己的項(xiàng)目，我進(jìn)行了查詢，它獲取了總用戶數(shù)并將其存儲(chǔ)在p標(biāo)簽中。<v-card class="mt-10 mb-5 users" max-width="344">    <v-card-text>         <p class="display-1 text--primary text-center">Users</p>         <div class="display-1 text--primary text-center">             <p id="users"></p>          </div>     </v-card-text></v-card>created() {     // Get all user profile     db.collection("Profile").get().then((res) => {          document.getElementById('users').innerHTML = res.size      })}但是現(xiàn)在我得到了我沒有改變?nèi)魏螙|西的錯(cuò)誤。錯(cuò)誤Uncaught (in promise) TypeError: Cannot set property 'innerHTML' of null
查看完整描述

2 回答

?
開心每一天1111

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超13個(gè)贊

正如其他人所提到的，當(dāng)您使用數(shù)據(jù)來驅(qū)動(dòng)模板時(shí)，Vue 的效果最好。直接操作 DOM 是一種反模式。


例如，為要顯示的信息使用數(shù)據(jù)屬性，并在查詢完成時(shí)為其分配一個(gè)值


<p>{{ profileCount }}</p>

export default {

  data: () => ({ profileCount: null }),

  async created () {

    const { size } = await db.collection("Profile").get()

    this.profileCount = size

  }

}


查看完整回答
反對(duì) 回復(fù) 2023-03-18
?
MM們

TA貢獻(xiàn)1886條經(jīng)驗(yàn) 獲得超2個(gè)贊

不要像通常在使用vanilla JS（純 javascript）時(shí)那樣直接操作 DOM，或者jQuery因?yàn)樵谑褂脮r(shí)vue.js遵循反應(yīng)模式很好。


<template>

  <p> {{ users }} </p>

</template>


<script>

export default {

  data() {

    return {

      users: 0

    };

  },


  // you can use created or mounted, see which works

  created() {

    db.collection("Profile").get().then((res) => {

      this.users = res.size

    })

  }

};

</script>


查看完整回答
反對(duì) 回復(fù) 2023-03-18
  • 2 回答
  • 0 關(guān)注
  • 151 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)