Nuxt Js Event Fires дважды

Question

Я использую Nuxt js SSR для создаваемого приложения, я установил плагин Vue Event, но когда я запускаю событие, он дважды запускается на слушателе.Созданный хук тоже запускается дважды.

Используются модули: Axios, Auth, Toast

Дочерний компонент

methods: {
  initPlaylist(songs) {
    console.log(songs)
  }
},
mounted () {
  this.$events.$on('playAll', data => {
    this.initPlaylist(data.songs) //runs twice
  })
}

Родительский компонент

method () {
    playAll (songs) {
      this.$events.$emit('playAll', songs)
  }
 }

Как я могу решить эту проблему, ребята?Мне нужна твоя помощь.

Answer 1

Возможно, вам придется вызывать метод этого родителя только на стороне клиента.

вы можете написать такой код, чтобы предотвратить выброс на стороне сервера:

methods: {
  playAll(songs) {
    if (process.server) return

    this.$events.$emit('playAll', songs)
  }
}

или не вызывать метод playAllна стороне сервера.(например: создано, смонтировано ...)