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

Question

在我的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;

    });

Answer 1

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

Answer 2

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