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

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