Javascript 拉刷新不会更新列表

Javascript 拉刷新不会更新列表,javascript,vue.js,vuejs2,quasar-framework,Javascript,Vue.js,Vuejs2,Quasar Framework,即使在quasar中实现了拉刷新,我的卡也无法从firestore获取最新数据 <q-pull-to-refresh @refresh="refresh"> <q-card class="q-ma-md" bordered v-for="announcement in announcements" :key="announcement.key" > <q-card-section> <div c

即使在quasar中实现了拉刷新,我的卡也无法从firestore获取最新数据

<q-pull-to-refresh @refresh="refresh">
  <q-card
    class="q-ma-md"
    bordered
    v-for="announcement in announcements"
    :key="announcement.key"
  >
    <q-card-section>
      <div class="text-h6">{{announcement.TITLE}}</div>
      <div class="text-subtitle2">{{announcement.CONTENT}}</div>
    </q-card-section>
  </q-card>
</q-pull-to-refresh>
下面是我的刷新方法,它尝试更新当前页面的卡片

refresh(done) {
  setTimeout(() => {
    (this.announcements = null), done();
  }, 1000);
}, 
created() {
    this.retrieveAnnouncements();
}

您的
刷新
函数调用
检索通知

它看起来只在创建时调用,我知道如何在JS中调用,但不知道Quasar。嗨,slr,它不知道。它需要在刷新方法中调用吗?是的,应该。您可以在
RetrieveAnnounces
中返回firebase的承诺,并在承诺解决后调用done。您好,您能给我举一些我可以如何实现的示例吗?
refresh(done) {
  setTimeout(() => {
    (this.announcements = null), done();
  }, 1000);
}, 
created() {
    this.retrieveAnnouncements();
}