为了账号安全,请及时绑定邮箱和手机立即绑定

Vue Quasar - Qselect 异步数据默认为 [object Object]

Vue Quasar - Qselect 异步数据默认为 [object Object]

侃侃无极 2023-07-14 15:40:41
在我的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;    });
查看完整描述

2 回答

?
素胚勾勒不出你

TA贡献1827条经验 获得超9个赞

问题是我要进行 v 建模的东西是一个空对象。如果我用标签和值实例化它,它就会显示要开始。



查看完整回答
反对 回复 2023-07-14
?
阿波罗的战车

TA贡献1862条经验 获得超6个赞

您只需使用 实例化您的模型 ( ebscoTemp) 即可null



查看完整回答
反对 回复 2023-07-14
  • 2 回答
  • 0 关注
  • 112 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信