在vue中的beforedestroy方法里执行异步代码操作dom报错？

beforeDestroy() {
  if (this.players.length) {
    this.delPlayer()
  }
},
methods: {
  delPlayer() {
    return new Promise((resolve, reject) => {
      if (!this.players.length) {
        resolve()
        return
      }
      for (const [index, item] of this.players.entries()) {
        item.player.stop().then(() => {
          document.getElementById(`video${index}`).remove();
          if (index + 1 === this.players.length) {
            resolve()
          }
        })
      }
    })
  }
}

如何在beforedestroy方法里执行异步代码操作dom?