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

Question

在我的 created() 区域中，我调用了 Firestore，它填充了我在名为 ebscoCachedSearchesController 的数据区域中设置的数组。它是一个对象数组，我已正确设置对象以在 qselect 中显示。当 select 显示时，它显示的好像一个选项已经被 selected，那就是 [object Object]。然而！当我点击 select 时，我看到了我希望看到的所有选项，可以点击它们，然后一切都按预期工作。

如何摆脱 [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;
    });

Answer 1

问题是我 v-modeling 是一个空对象。如果我用标签和值实例化它，它会显示开始。

Answer 2

您只需使用 null.

实例化您的模型 (ebscoTemp)

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

Vue Quasar - Qselect with async data defaulting to [object Object]

javascript

firebase

vue.js

quasar-framework