1.2.8 版本中，组件所在的页面关闭时后台一直报错 can't access property "currentTime", this.$refs.audio is undefined。 组件杀死定时器并没有清除 about vue-audio-player HOT 2 CLOSED

<script>
import AudioPlayer from '@liripeng/vue-audio-player'
import '@liripeng/vue-audio-player/lib/vue-audio-player.css'
import { MusicService } from '../../services/music'
import { Global } from '../../techmask/utils/global'
let _ = require('lodash')
export default {
  name: 'Music',
  components: {
    AudioPlayer
  },
  props: {
    musics: {
      type: Array,
      required: true
    },
    user: {
      type: Object,
      required: true
    }
  },
  created () {
    this.currentMusic = this.musics[0]
    this.bgImg = Global.STATIC_CDN_URL + '/images/music/' + this.currentMusic.imgPath
    this.audioList.push({
      url: Global.STATIC_CDN_URL + '/media/music/' + this.currentMusic.musicCode + '.mp3'
    })
  },
  data () {
    return {
      currentMusic: null,
      useTime: 0,
      audioList: [
      ],
      requestData: {

      },
      controls: {
        showConfirmStopInd: false,
        startedInd: false
      }
    }
  },
  timers: {
    updateUseTime: { time: 1000, autostart: false, repeat: true }
  },
  methods: {
    startTreat () {
      this.useTime = 0
      this.controls.startedInd = true
      this.$timer.start('updateUseTime')
      this.$refs.audioPlayer.play()
    },
    stopTreat () {
      this.$refs.audioPlayer.pause()
      this.$timer.stop('updateUseTime')

      let requestData = this.requestData
      _.assign(requestData, _.pick(this.currentMusic, ['musicCode', 'musicName']))
      requestData.duration = this.useTime
      requestData.userId = this.user.userId

      MusicService.addMusicRecord(requestData).then(response => {
        if (Global.handleErrors(response, this)) {
          this.controls.startedInd = false
          this.onReturn()
        }
      })
    },
    updateUseTime () {
      this.useTime++
    },
    onReturn () {
      this.$refs.audioPlayer.pause()
      this.$refs.audioPlayer.clearTimer()
      alert(1)
      this.$refs.audioPlayer.isPlaying = false
      this.$emit('onReturn', {})
    },
    submit () {

    },
    onPlay () {
      if (!this.controls.startedInd) {
        this.startTreat()
      }
    },
    onEnded () {
      if (this.useTime > 60) {
        this.$refs.audioPlayer.pause()
        this.$timer.stop('updateUseTime')
        this.controls.showConfirmStopInd = true
      }
    },
    continueTimer () {
      this.$timer.start('updateUseTime')
    }
  }
}
</script>