vue中mounted生命周期监听原生js事件

486 阅读1分钟

近期项目中需要利用video标签在弹窗中播放视频,播放后自动关闭弹窗,故需要监听视频播放完毕事件 之前也有类似的场景需要监听js原生事件,直接写总是无法生效,需要加上this.$nextTick

this.$nextTick(() => {
    // 播放完毕自动关闭弹窗
    const eleVideo = document.querySelector(".play-video");
    eleVideo.addEventListener("ended", () => {
        this.closeVideoModal();
    }, false);
});