How to initialize the Dplayer on-screen comment player asynchronously

data() {
    return {
      options: {},
    }
  },
created() {
    getCourseById(this.userid).then(response => {
      let danmakuId = this._getDanmakuId(this.videos[0].videoLink)
      this.options = {
        video: {
          url: this.videos[0].videoLink,
          pic: this.videos[0].videoLink + "?vframe/jpg/offset/0"
        },
        danmaku: {
          id: danmakuId,
          api: BASE_UTL + "/video/addBarrage/",
          token: this.token,
          user: this.userid
        }
      }
      setTimeout(() => {
        this.dp = this.$refs.player.dp
      })
    })

Asynchronous initialization video cannot be loaded correctly. Initialization is performed before asynchronous data. If video initialization is also performed asynchronously, an error will be reported and the on-screen comment cannot be loaded normally

TypeError: Cannot read property "map" of undefined
    at DPlayer.min.js:1
Jul.17,2021

solution, asynchronous initialization of the player
does not report an error as described in the problem
because the components in the vue-dplayer are used, but the vue-dplayer component does not support the latest version
, so it will report an error

TypeError: Cannot read property 'map' of undefined
    at DPlayer.min.js:1
Menu