在做一个小项目练习时,我在主页用了自己做的轮播图组件,用$on监听图片加载是否完成,加载完成再使用轮播图。
mounted() {
this.$bus.$on('DSwiper', () => {
this.init()
})
},
当我在另外一个页面也用轮播图时,发现轮播图重复加载了,原因是没有清除在首页的监听,导致在另一个页面用轮播图时重复监听。
解决方法是在进入另一个页面,生成轮播图组件时清除事件监听。
created() {
this.$bus.$off('DSwiper')
}