在我的created()區(qū)域中,我調(diào)用了Firestore,它填充了我在數(shù)據(jù)區(qū)域中設(shè)置的名為ebscoCachedSearchesController的數(shù)組。它是一個對象數(shù)組,我已正確設(shè)置對象以在 qselect 中顯示。當(dāng)選擇顯示時,它會顯示為好像已經(jīng)選擇了一個選項,即 [object Object]。然而!當(dāng)我單擊選擇時,我會看到我期望看到的所有選項,并且可以單擊它們,從那時起,所有內(nèi)容都會按預(yù)期工作。如何擺脫 [object Object] 并使 qselect 處于其基本狀態(tài),直到我單擊它?在模板中: <q-card-section> <template v-if="ebscoCachedSearchesController.length > 0"> <q-select dark :options="ebscoCachedSearchesController" v-model="ebscoTemp" filled label="Cached Search to Use" > </q-select > </template> </q-card-section>在創(chuàng)建()中:this.$firestore.collection("ebsco-searches").onSnapshot(querySnapshot => { this.ebscoCachedSearchesController = []; querySnapshot.forEach(doc => { let rObj = {}; rObj.name = doc.data().searchTerm; rObj.label = doc.data().searchTerm; rObj.value = doc.data().searchTerm; rObj.id = doc.id; rObj.selected = false; this.ebscoCachedSearchesController.push(rObj); this.ebsco_a9h_loading = false; });
Vue Quasar - Qselect 異步數(shù)據(jù)默認為 [object Object]
侃侃無極
2023-07-14 15:40:41