为解决此问题,我们需要将事件处理程序注册到组件的事件监听上。可以使用Vue的$on()方法或在组件的setup()函数中使用on函数注册事件处理程序。示例代码如下:
// Vue组件中使用$on()方法注册事件处理程序
mounted() {
const carousel = document.querySelector('.carousel')
carousel.addEventListener('CarouselLoadEvent', this.handleCarouselLoad)
},
methods: {
handleCarouselLoad(event) {
console.log('Carousel load event triggered')
}
}
// Vue3中使用on函数注册事件处理程序
import { on } from 'vue'
export default {
setup() {
on(document.querySelector('.carousel'), 'CarouselLoadEvent', (event) => {
console.log('Carousel load event triggered')
})
}
}