javascript - Vuejs 移除事件绑定问题

问题描述

问 题

mounted(){

var change=()=>{
    //do something
}
this.$store.state.audioDom.removeEventListener('durationchange',change);
this.$store.state.audioDom.addEventListener('durationchange',change);
//audioDom是audio标签元素，audio标签在同级组件中。

}

为什么解绑事件无效？每次mounted完就添加一个事件。 如何避免重复绑定事件？

解决方案

把绑定事件写到一个方法里面

比如：

bindEvent(){
this.$store.state.audioDom.addEventListener('durationchange',change);
//加一个绑定状态
this.isBinded = true;
}

然后在mounted里面判断isBinded这个值就行了

mounted(){
if(!this.isBinded){
    this.bindEvent()
}
}

这篇关于javascript - Vuejs 移除事件绑定问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！