Javascript Vue.js-“；用户没有'；“不要先与文档交互”；带有Deezer的自定义播放按钮

在

Vue.js

（使用Vuetify）中，我尝试在单击按钮时播放曲目（无自动播放）

我使用了“隐形玩家”（请参见“”）

这个过去可以使用，但几天前我开始在我的Chrome浏览器中收到以下错误消息：

play（）失败，因为用户未与文档交互 首先

显然，我的vuetify按钮点击不算与文档的交互。

（正常输入也不可用-请参见编辑）

编辑： 即使像在演示中一样使用普通的旧输入而不是v-btn也不起作用（相同的错误消息）：

迪泽展示了一个

<v-btn @click="play()"> Test </v-btn>

methods: {
    play() {
        DZ.player.playTracks(["1109731"]);
    }
}

mounted() {
    const vm = this;
    DZ.init({
      appId: vm.myAppId,
      channelUrl: "http://localhost:8080/channel.html",
      player: {
        onload: function (response) {
          DZ.Event.subscribe("track_end", (evt_name) => {
           
            vm.isDeezerPlaying = false;
          });
        },
      },
    });
  },

  <input
    type="button"
    onclick="DZ.player.playAlbum(302127); return false;"
    value="Play Daft Punk - Discovery"
  />