在Vue中播放声音onClick事件返回Uncaught（按承诺）DOMException：加载失败，因为找不到支持的源

Question

当我单击图像时，我正在尝试播放mp3声音，但是当前出现此错误：Uncaught (in promise) DOMException: Failed to load because no supported source was found

为什么我的音频没有播放，如何播放？

我的功能：

 playSound() {
  const sound = new Audio("/src/assets/sounds/openbeersound.wav");
  sound.play();
    }

  <img
    style="width: 100%;"
    :src="beer.image_url"
    alt="placeholder"
    @click="playSound()"
   />

Answer 1

确保正确加载音频。 How to bind img src to data in Vue （图像或音频相同）

If you want to learn more about it.