vue遍历数组对象控制其下一个组件显示的问题

耗费了一上午的功夫。功能还不能尽善尽美，重点bug太明显严重影响用户体验、大佬一眼看出来问题在哪并给出解决方案。

菜鸟成神的路还很长，掀桌ヽ(｀Д´)ﾉ︵ ┻━┻ ┻━┻

记录一下这个思路

发生背景是：实时聊天控制一个audio标签播放语音。在每一条语音记录上显示加载语音的动画。而且只有点击的当条语音播放按钮才会显示加载动画。

原想法：在加载组件上面设置一个标志位同时判断是否是当前点击的。bug是所有语音信息中播放的按钮都会有这个判断。从而出现闪动。

解决方案是：

点击当前语音信息时，给当前语音对象添加一个标志位属性。每次点击当前播放的时候判断是否有此属性并且此属性是否是真。 

从而点击当前时，给此元素加上加载动画。当加载完毕准备播放时加载动画消失。audio控制按钮出现。