Javascript 使用Vue在iOS上播放音频

当我按下webapp中的按钮时，无法在iOS（Chrome）中播放音频文件。适用于桌面Chrome和Android Chrome

现在，我知道iOS限制了自动播放音频，但在我的例子中，用户直接按下按钮播放音频，但仍然无法正常工作。我正在使用Vue

下面是一段代码片段：

Vue.component('phoneme-card', {
  methods: {
    handleClick: function() {
      var phonemeName = this.$el.querySelector(".phoneme-name").innerHTML;
      this.$emit('click-phoneme', phonemeName);
      var soundPath = 'placeholder_mysound.wav';
      let sound = new Audio(soundPath);
      sound.play();
    },
  },
  template: `
    <v-card v-on:click="handleClick"
      elevation="2"
      class="phonemeCard"
    >
      <v-card-text>
        <p class="phoneme-name headline">
          <slot name="title"></slot>
        </p>
        <slot></slot>
      </v-card-text>
    </v-card>
  `,
});

Vue.component（'phoneme-card'{
方法：{
handleClick:function（）{
var phonemeName=this.$el.querySelector（“.phoneme name”）.innerHTML；
这是。$emit（'click-phoneme'，phonemeName）；
var soundPath='placeholder_mysound.wav'；
让声音=新音频（声音路径）；
声音。播放（）；
},
},
模板：`


`,
});

有什么想法吗？ 谢谢