令人耳目一新的音频使他们无法收听答案

【问题标题】：refreshing audios makes them impossible to listen to令人耳目一新的音频使他们无法收听
【发布时间】：2021-05-09 17:19:14
【问题描述】：

我想制作一个类似whatsapp 的消息应用程序，但只能使用音频。我可以通过定期刷新商店来在我的 vue 应用程序中获取它们，以查看是否有新音频到达：

 refresh() {
   this.$store.dispatch("audio/getAudios");

 },
},
created() {
   setInterval(this.refresh, 1000);
},

我在我的 vue 应用中以以下方式显示它们：

<div class="audios" v-for="audio in audios" :key="audio">
 <audio controls v-if="audio.rooms.split(',').includes(room)">
  <source :src= "'http://localhost:8000'+audio.audiofile" type="audio/wav">
 </audio> 
 </div>
 </div>

问题在于，通过每秒刷新一次，显示的所有音频都会“重新”显示，并且无法收听它们。我怎样才能以不同的方式使用 v-for 来避免这个麻烦？

【问题讨论】：

标签： django vue.js v-for

【解决方案1】：

将 audio.id 作为关键解决了我的问题

【讨论】：