1 つの解決策は、{{ showWaitingTime(call.created_at) }} を <span> でラップすることです。これは keyed# です## を timerCount に設定し、timerCount が変更されたときに <span> が再レンダリングされるようにします (これにより、showWaitingTime が再度呼び出され、新しい値が計算されます)時間文字列): p>

1. テンプレートで、

   <span> を使用して、timerCount: にバインドされた key でタイムスタンプ文字列をラップします。 リーリー

2. calls のオブザーバーで、setInterval を使用して定期タイマーを開始します。新しいタイマーを開始する前、およびコンポーネントをアンインストールするときは、必ず clearInterval を使用してタイマーを停止してください。 リーリー

3. timerCount のウォッチャーは、setInterval を効果的に実装しています。ステップ 2 のコードによってこのコードが削除されるため、このコードを削除します。 リーリー

4. showWaitingTime() で、指定された時間と現在の時間の差に基づいて HH:mm:ss: を計算します。 リーリー

＃＃＃＃＃＃デモ＃＃＃＃＃＃