mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-22 13:45:18 +00:00
Delete docs/3.api/3.utils/create-event-loader.md
This commit is contained in:
parent
c4123fa09f
commit
352d47c644
@ -1,33 +0,0 @@
|
||||
---
|
||||
title: 'createEventLoader'
|
||||
description: A utility function to select the events used for event-based delayed hydration.
|
||||
links:
|
||||
- label: Source
|
||||
icon: i-simple-icons-github
|
||||
to: https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/composables/hydrate.ts
|
||||
size: xs
|
||||
---
|
||||
|
||||
You can use this utility to set specific events that would trigger hydration in event-based delayed hydration components.
|
||||
|
||||
## Parameters
|
||||
|
||||
- `options`: An array of valid HTML events.
|
||||
|
||||
## Example
|
||||
|
||||
If you would like to trigger hydration when the element is either clicked or has the mouse over it:
|
||||
|
||||
```vue [pages/index.vue]
|
||||
<template>
|
||||
<div>
|
||||
<LazyEventMyComponent :hydrate="createEventLoader(['click','mouseover'])"/>
|
||||
</div>
|
||||
<template>
|
||||
```
|
||||
::read-more{to="/docs/guide/directory-structure/components#delayed-hydration"}
|
||||
::
|
||||
|
||||
::read-more{to="https://developer.mozilla.org/en-US/docs/Web/API/Element#events"}
|
||||
Read more on the possible events that can be used.
|
||||
::
|
Loading…
Reference in New Issue
Block a user