vue 微信录音倒计时_vue前端封装一个点击播放音频，同时含有倒计时的组件

<div class="speech-content">

<div class="speech-info" @click="startSpeech">

<i class="iconfont icon-speech" :class="speech?'icon-yuyin':'icon-yuyin'"></i>

</div>

<audio :ref="audioRef" id="audio">

<source :src="audioSrc" type="audio/mpeg" />

</audio>

<span class="often-text">{ {audioOftenText}}</span>

</div>

data(){

return{

isPlaying:false,  //判断是否处于播放状态

speech:false,     //图标的样式

timeid：0，       //显示剩余时长的计时器

}

}

//获取音频列表的异步方法

getAudioList(){

}

//点击播放，再点击暂停

startSpeech(){

let self=this;

if(!se