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

在做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}`

 

posted @ 2021-09-30 15:36  0与1  阅读(2130)  评论(0)  编辑  收藏  举报