Zengtudor
/
Nuxt
mirror of https://github.com/nuxt/nuxt.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: avoid setting another mounted if instance is registered

This commit is contained in:
Michael Brevard 2024-06-15 17:04:19 +03:00 committed by GitHub
parent 5d5432cba7
commit 3727a435b5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/nuxt/src/components/runtime/client-delayed-component.ts
View File

@ -105,18 +105,20 @@ export const createLazyEventClientPage = (componentLoader: Component) => {
const events: string[] = attrs.loader as string[] ?? ['mouseover']
const registeredEvents: (() => void)[] = []
onMounted(() => {
events.forEach((event) => {
const handler = () => {
isTriggered.value = true
registeredEvents.forEach(remove => remove())
eventsMapper.delete(instance)
}
instance.vnode.el?.addEventListener(event, handler)
registeredEvents.push(() => instance.vnode.el?.removeEventListener(event, handler))
if (!eventsMapper.has(instance)) {
onMounted(() => {
events.forEach((event) => {
const handler = () => {
isTriggered.value = true
registeredEvents.forEach(remove => remove())
eventsMapper.delete(instance)
}
instance.vnode.el?.addEventListener(event, handler)
registeredEvents.push(() => instance.vnode.el?.removeEventListener(event, handler))
})
eventsMapper.set(instance, registeredEvents)
})
eventsMapper.set(instance, registeredEvents)
})
}
onBeforeUnmount(() => {
registeredEvents?.forEach(remove => remove())
eventsMapper.delete(instance)