我正在顯示包含來自 Google Firestore 的數(shù)據(jù)的卡片。其中一個字段是“狀態(tài)”。狀態(tài)可以從應(yīng)用程序外部遠(yuǎn)程打開和關(guān)閉。我希望狀態(tài)在 5 分鐘后或在 5 分鐘沒有更新文檔后自動變?yōu)椤瓣P(guān)閉”。如果用戶失去連接并且無法再發(fā)送“狀態(tài)”：“關(guān)閉”消息，我想這樣做。我不希望卡片永遠(yuǎn)只說“開”。我正在使用 Vue.js 并嘗試了一些不同的東西，但我不太確定如何實(shí)現(xiàn)這一點(diǎn)。如果這個問題更適合不同的網(wǎng)站，我深表歉意。我查找了類似的問題，但找不到任何東西。這是一個屏幕截圖，可以可視化我在問什么。如果未在 5 分鐘內(nèi)更新，我希望狀態(tài)變?yōu)椤瓣P(guān)閉”。或任何時間。<div >    <div class="ma-4">        <div  centered class="text-lg-center headline">             Live Middleware Status             <p v-bind="allig">{{ seconds }}</p>        </div>    </div>        <v-card  slow v-bind="allig" :class="`mx-4 my-4 ${user.Status}`" v-for="user in users" :key="user.id">          <v-card-title flat class="pa-n3">            <v-flex class="mx-auto" xs6 sm4 md2 lg2>              <div class="caption grey--text">Location Site ID</div>              <div class="title">{{user.id}}</div>            </v-flex>            <v-flex class="mr-auto " xs6 sm4 md2 lg2>              <div class="caption grey--text">ID</div>              <div class=" ml-n12 title">{{user.CustomerID}}</div>            </v-flex>            <v-flex style :class="`mx-auto ${user.Status}`" xs6 sm4 md2 lg2>              <div class="caption grey--text">Current Status</div>              <div class="status title mx-2">{{user.Status}}</div>            </v-flex>            <v-flex style class="mx-auto caption green--text" xs6 sm4 md2 lg2>              <div class="caption grey--text">Last Message</div>              <div class="Green my-2 title">{{user.TimeStamp}}</div>            </v-flex>          </v-card-title>        </v-card>      </div>      </template>      <script>// eslint-disable-next-lineimport firestore from "firestore";// eslint-disable-next-lineimport db from "@/components/fbInit";import firebase from "firebase";export default {  // eslint-disable-next-line  components: { },  data() {    return {      wide: false,      ToggleDelete: false,      card: true,      light: true,      seconds: "",      users: [],      links: [{ route: "/logs" }]    };  },};</script>