在我的created()區域中,我調用了Firestore,它填充了我在數據區域中設置的名為ebscoCachedSearchesController的數組。它是一個對象數組,我已正確設置對象以在 qselect 中顯示。當選擇顯示時,它會顯示為好像已經選擇了一個選項,即 [object Object]。然而!當我單擊選擇時,我會看到我期望看到的所有選項,并且可以單擊它們,從那時起,所有內容都會按預期工作。如何擺脫 [object Object] 并使 qselect 處于其基本狀態,直到我單擊它?在模板中: <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>在創建()中: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 異步數據默認為 [object Object]
侃侃無極
2023-07-14 15:40:41