使用audio标签异常没法播放声音

项目场景：

使用audio标签异常

---

问题描述：

使用audio标签来播放一个音频，但是没有声音，音频路径正确，也可以在浏览器正常播放，我的电脑的外放正常，驱动正常，

    <audio
                          ref="audioPlayer"
                          :id="`my${target.audio.id}${target.display.id}`"
                          v-if="target.audioType !== 0 && target.audio !== undefined"
                          :src="`${pathPrefix}${target.audio.path}` " 
                          @click="cancelVideoClickEvent"
                          controls
                          loop
                          oncontextmenu="return false"
                          controlslist="nodownload noremoteplayback"
                          class="grids-item-play-audio"
          />

浏览器解析出来就是这样 这个播放路径是正常的，直接放到浏览器就可以直接播放。但是就是在我的项目中异常，显示正常，就是没有声音。

上面是我的写了样式的显示

---

原因分析：

提示：这里填写问题的分析：
是否为播放路劲错误，我仔细查看了路径是正确的，我的电脑的驱动和音频外放正常，那么是否为audio标签的api配置错误？音频是否启动？音频是否静音？音频是否设置了预加载等等。

---

解决方案：

已解决，解决方案

this.$refs.audioPlayer.src=`${this.pathPrefix}${this.renderData.loop[0].audio.path}`
this.$refs.audioPlayer.play()

使用了ref来控制路径和播放。我也不知道为什么，路径放到上面就不可以，放到下面就莫名奇妙的就可以了。