vue中dom事件监听问题

Question

我想监听audio中timeupdate事件实时更新音乐的播放时间一开始写在export default {}外面，但是一直报错let t = document.getElementById('isPlay')t.ontimeupdate = function () {  // .....}export default {   //....}想问一下，还有没有什么方法更好实时更新audio播放时间

Answer 1

<audio .. ref="player">

data() {

    return {

        played:0

    }

},

methods:{

    addEventListener:function(){

        const self = this;

        self.$refs.player.addEventListener('timeupdate', self._currentTime);

    },

    removeEventListeners:function(){

        const self = this;

        self.$refs.player.removeEventListener('timeupdate', self._currentTime);

    },

    _currentTime:function(){

        const self = this;

        self.played = self.$refs.player.currentTime

    }

},

moutned(){

    this.addEventListeners();

},

beforeDestroy(){

    this.removeEventListeners();

}

手码，不保证正确;主要看思路吧