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

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

計算屬性沒有正確獲取數據 Vue.js ,

計算屬性沒有正確獲取數據 Vue.js ,

慕的地8271018 2022-12-22 14:58:19
我的計算屬性有問題。首先也是最重要的是,我正在從我的 ruby on rails API 獲取數據,它進展順利,現在我正在根據它們的 id 過濾該數據,我在我的計算屬性中執行它,但是如果我控制臺記錄它,它只會給我未定義的我無法訪問,例如,filteredRecords[0].id因為它只是空的,但是,我可以遍歷該數組并為我提供正確的數據。我認為這與時間有關,我在我的created(){}部分中獲取數據,過濾也在運行,但我無法直接從中訪問數據,這就是我需要你幫助的時候。期望的輸出: https ://codesandbox.io/s/blue-sun-sm8tl?file=/src/components/HelloWorld.vue這正是我想要像它在沙箱上一樣輸出的方式,在沙箱上它的工作是因為我手動給它記錄,所以它可以找到例如 filteredRecords[0].id你能幫我嗎?我應該怎么辦 ?我應該把這個東西復制到另一個陣列嗎?如果是這樣,我該怎么做,因為 v-for 有效但無法訪問它。
查看完整描述

1 回答

?
四季花海

TA貢獻1811條經驗 獲得超5個贊

在 mounted hook 中,數據尚不可用,因為該數據是以異步方式獲取的,為了處理這種行為,我建議使用 watch 屬性而不是 mounted hook:


watch:{

  filteredRecords:{

    handler(newVal,oldVal){

    if(newVal.length>0 && newVal.length!==oldVal.length){

      this.start()

     }

   },

  deep:true


  }

}


查看完整回答
反對 回復 2022-12-22
  • 1 回答
  • 0 關注
  • 150 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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