Javascript Vue Quasar-Qselect,异步数据默认为[object]
在我的created()区域中,我有一个对Firestore的调用,该调用填充了我在数据区域中设置的名为ebscoCachedSearchesController的数组。这是一个对象数组,我已将对象正确设置为显示在qselect中。当“选择”按钮显示时,它会显示为已选择选项,即[object]。然而!当我点击“选择”按钮时,我看到了我希望看到的所有选项,并且可以点击它们,从那一点开始,一切都可以按需要进行 如何摆脱[object object],并使qselect处于其基本状态,直到单击它 在模板中:Javascript Vue Quasar-Qselect,异步数据默认为[object],javascript,firebase,vue.js,quasar-framework,Javascript,Firebase,Vue.js,Quasar Framework,在我的created()区域中,我有一个对Firestore的调用,该调用填充了我在数据区域中设置的名为ebscoCachedSearchesController的数组。这是一个对象数组,我已将对象正确设置为显示在qselect中。当“选择”按钮显示时,它会显示为已选择选项,即[object]。然而!当我点击“选择”按钮时,我看到了我希望看到的所有选项,并且可以点击它们,从那一点开始,一切都可以按需要进行 如何摆脱[object object],并使qselect处于其基本状态,直到单击它 在模
在created()中:
this.$firestore.collection(“ebsco搜索”).onSnapshot(querySnapshot=>{
this.ebscoCachedSearchesController=[];
querySnapshot.forEach(doc=>{
设rObj={};
rObj.name=doc.data().searchTerm;
rObj.label=doc.data().searchTerm;
rObj.value=doc.data().searchTerm;
rObj.id=doc.id;
rObj.selected=false;
此.ebscoCachedSearchesController.push(rObj);
this.ebsco_a9h_loading=false;
});
问题是,我正在v-modeling的对象是一个空的开始对象。如果我用一个标签和值实例化它,它会显示开始的状态。你只需要用null
实例化你的模型(ebscoTemp
)