我有一個這樣設(shè)置的數(shù)據(jù)方法:data () { return { live_count: null, queue: null, }}在我的mounted方法中,我為我的屬性檢索數(shù)據(jù)queue。我隊列的數(shù)據(jù)結(jié)構(gòu)是里面有對象,每個對象都有一個對象數(shù)組。(看下面的截圖)現(xiàn)在,在我的檢索完成后,我會定期檢查一些時間戳是否大于 1 小時前,并在新屬性上設(shè)置 true/false,如下所示:axios.get(`/my-queue`) .then(response => { this.queue = response.data.queue }) .catch(error => { console.log(error) this.errored = true }) .finally(() => { this.loading = false; this._timer = setInterval(() => { console.log('check queue rows'); const anHourAgo = Date.now() - (60 * 60 * 1000) for (const [lane_id, items] of Object.entries(this.queue)) { console.log('lane id: ' + lane_id); for(const item of items) { item.past_grace = item.queue_entry_time_ms > anHourAgo } } }, 1000) });在我的 Vue.js 組件中,當我遍歷我的queue對象時,我可以很好地讀取/顯示隊列中的項目,例如queue_entry_time_ms,但是當我打印出來時,past_grace什么也沒有顯示。這是我的代碼的樣子:<template v-for="(lane, lane_id) in queue"> <template v-for="(item, index) in lane"> {{ item.queue_entry_time_ms }} <!-- this prints fine --> {{ item.past_grace }} <!-- this doesnt --> </template></template>在 Vue.js 調(diào)試器中,我可以看到屬性設(shè)置如下:我做錯了什么嗎?
為什么我不能通過 Vue.js 訪問對象中動態(tài)插入的屬性?
蝴蝶刀刀
2023-05-25 16:53:40