Vue项目中audio标签动态绑定src 音乐无法播放问题

时间:2022-05-27 22:02:05   收藏:0   阅读:5

在做vue项目开发的时候,发现一个问题就是h5标签audio里的src属性如果动态绑定的话,无法播放

       <audio
              id="ceshiAuto"
              ref="audio"
              controls="controls"
              controlsList="nodownload"
            >
              <source :src="`../uipRecord${formData.fileName}`" type="audio/mpeg">
              浏览器暂不支持录音播放
            </audio>

动态绑定src的模式无效,必须在调用接口的时候获取数据,并赋值给src

this.$refs.audio.src = `../uipRecord${res.data.fileName}`

 

原文:https://www.cnblogs.com/cuican-star/p/15357028.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!